$padding: 15px;
$index-bg: "../images/index-bg.png";
$img_url: "../images/";
$img_url_app: "../images/app/";
$img_url_staticPage: "../images/staticPage/";
$title_color: #c4e1f4;
$screen320: 14;
$screen360: 16;
$screen414: 18;
$abs320: 320/720;
$abs360: 360/720;
$abs414: 414/720;

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Microsoft YaHei";

}

@media (min-width: 320px) and (max-width: 360px) {
  .mobile_none {
    display: none;
  }
  html, body, .AllForHtml {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    color: #333;
  }
  div.header {
    display: none;
    position: fixed;
    top: 0;
    height: 70*$abs320/$screen320+em;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 0px 5px #fff;
    z-index: 10;
    .nav_logo {
      display: inline-block;
      float: left;
      margin-left: 22*$abs320/$screen320+em;
      width: 23.75%;
      height: 100%;
      line-height: 70*$abs320/$screen320+em;
      img {
        width: 100%;
        vertical-align: middle;
      }
    }
    .nav {
      display: inline-block;
      float: left;
      margin-left: 12.08%;
      max-width: 48.63%;
      overflow: hidden;
      height: 100%;
    }
    .nav > li {
      float: left;
      height: 100%;
      display: none;
      margin: 0 4px;
      a {
        display: inline-block;
        height: 100%;
        line-height: (70/.8)*$abs320/$screen320+em;
        margin: 0 (3/.8)*$abs320/$screen320+em;
        padding: 0 1px;
        font-size: .8em;
        text-decoration: none;
        color: #575757;
        border-bottom: 2px solid transparent;
      }
      &.randomNav {
        display: inline-block;

      }
      &.active {
        display: inline-block;
        a {
          color: #ff7607 !important;
          border-bottom-color: #ff7607;
        }
      }
      &.first {
        display: block;
      }
    }
    .more {
      width: 13.88%;
      height: 100%;
      background-image: url($img_url_app+ "more.png");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 50% auto;
      float: right;
      ul {
        position: absolute;
        right: 0;
        z-index: 10;
        width: 29.16%;
        overflow: hidden;
        box-shadow: 0 0px 5px #cbe9f9;
        top: 70*$abs320/$screen320+em;
        li {
          width: 100%;
          border-bottom: 2px solid #fff;

          a {
            display: inline-block;
            font-size: .8em;
            padding: (26/.8)*$abs320/$screen320+em 0;
            width: 100%;
            text-align: center;
            background-color: #cbe9f9;

          }
          &.active > a {
            color: #ff7607;
          }
        }
      }
    }

  }
  body {
    font-size: $screen320+px;
  }
  .index {
    width: 100%;
    position: relative;
    overflow: hidden;
    background-size: 165% 100%;
    background-repeat: no-repeat;
    background-position: left center;
    div.header {
      .nav > li {
      }
    }
  }
  .index1 {
    background-image: url($index-bg);
    height: 1080*$abs320/$screen320+em;

    .top_logo {
      float: left;
      margin-left: 1.1em;
      margin-top: .55em;
      width: 25%;
      img {
        width: 100%;
      }
    }
    .topic {
      overflow: hidden;
      width: 88.88%;
      margin: 0 auto;
      text-align: left;
      .slogan1 {
        font-size: 1.345em;
        text-indent: 2.5em;
        //-webkit-min-font-size: 20px;
        color: #C6DCEE;
        height: (97/1.345)*$abs320/$screen320+em;
        line-height: (97/1.345)*$abs320/$screen320+em;
        font-family: "宋体";
      }

      .slogan2 {
        font-size: 1.66em;
        color: #fff;
        height: (97/1.66)*$abs320/$screen320+em;
        line-height: (97/1.66)*$abs320/$screen320+em;
        //-webkit-min-font-size: 20px;
      }
      .slogan3 {
        //font-size: 142.9%;
        color: #c5d7ea;
        text-indent: 2.5em;
        height: 97*$abs320/$screen320+em;
        line-height: 97*$abs320/$screen320+em;
        //-webkit-min-font-size: 20px;
      }
    }
    .footer {
      margin-top: (174-88)*$abs320/$screen320+em;
      width: 100%;
      i.add {
        display: none;
      }
      &:hover {
        //top:75.90% ;
        //transition:top 500ms linear 0s;

      }
      & > ul {
        width: 100%;
        display: flex;
        justify-content: space-around;
        flex-direction: row;
        flex-wrap: wrap;
        & > li {
          flex-basis: 25%;
          text-align: center;
          margin-top: 88*$abs320/$screen320+em;

          .items_box {
            display: none;
            width: 100%;
            height: 43.37%;
            background-color: rgba(205, 244, 254, 0.5);
            position: absolute;
            top: 0;
            left: 0;
            //right:0;
          }
          &:hover {
            .invertedTriangle {
              display: inline-block;

            }
          }
          .special {
            display: none;
            height: 10px;
          }
          .title {
            height: 35*$abs320/$screen320+em;
            font-size: .89em;
          }
          .item_img > img {
            width: 54%;
          }
          dl {
            dd {
              i.add {
                display: none;
                margin-top: 50px;
              }
            }
          }
        }
      }
      .overflow_open {
        display: none;
        width: 100%;
        height: 179px;
        overflow: hidden;

      }
    }
    .down {
      position: absolute;
      bottom: 30*$abs320/$screen320+em;
      width: 48*$abs320/$screen320+em;
      height: 48*$abs320/$screen320+em;
      border-radius: 50%;
      background-color: #fff;
      cursor: pointer;
      left: 50%;
      margin-left: -48/2*$abs320/$screen320+em;
      background: url($img_url_app+ "down.png") no-repeat center center;
      background-size: 100% auto;
    }
  }
  .index2 {
    height: 1080*$abs320/$screen320+em;
    background-image: url($img_url+ "img2-bg.png");
    .index_title {
      width: 100%;
      text-align: center;
      color: #000000;
      height: 260*$abs320/$screen320+em;
      .slogan1 {
        height: (195/1.38)*$abs320/$screen320+em;
        line-height: (290/1.38)*$abs320/$screen320+em;
        font-size: 1.38em;
      }
      .slogan2 {
        font-size: .68em;
        color: #1d7782;
      }
    }
    .content {
      width: 82.22%;
      height: 706*$abs320/$screen320+em;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      flex-direction: row;
      align-content: space-between;
      .section {
        height: 48%;
        //background-color: #f00;
        display: inline-block;
        background-repeat: no-repeat;
        background-size: cover;
      }
      .section1 {
        flex-basis: 100%;
        background-image: url($img_url_app+ "imgy1.jpg");
      }
      .section2 {
        flex-basis: 54.23%;
        height: 314*$abs320/$screen320+em;
        background-image: url($img_url_app+ "imgy6.jpg");

      }
      .section3 {
        flex-basis: 44.91%;
        height: 260*$abs320/$screen320+em;
        background-image: url($img_url_app+ "imgy5.jpg");
        margin-top: -20*$abs320/$screen320+em;
      }
      .section4 {
        display: none;
        //flex-basis: 31.82%;
        //background-image: url($img_url+ "img203.jpg");

      }
      .section5 {
        display: none;
        //flex-basis: 32.66%;
        //background-image: url($img_url+ "img201.jpg");

      }
    }
  }
  .index3 {
    height: 1142*$abs320/$screen320+em;
    background-image: url($img_url+ "img3-bg.png");
    .index_title {
      width: 100%;
      height: (130/1.51)*$abs320/$screen320+em;
      line-height: (125/1.51)*$abs320/$screen320+em;
      text-align: center;
      font-size: 1.51em;
      color: #000;
    }
    .content {
      margin: 0 auto;
      width: 82.22%;
      overflow: hidden;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      flex-direction: row;
      align-content: space-between;
      align-items: flex-end;
      .section {
        //background-color: #f00;
        display: inline-block;
        background-repeat: no-repeat;
        background-size: cover;
        .label {
          width: 100%;
          height: 100%;
          background-repeat: no-repeat;
          background-position: center center;
          background-size: 50%;
          background-image: url($img_url_app+ "imgy14.png");
          background-color: rgba(0, 0, 0, .5);
          color: #fff;
          font-size: 1em;
          text-align: center;
          line-height: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
        }
      }
      .section1 {
        order: 1;
        width: 100%;
        height: 117/1.51*$abs320/$screen320+em;
        .title {
          display: none;
        }
        .discribe {
          width: 70%;
          margin: 0 auto;
          text-align: left;
          font-size: .78em;
          color: #6c6c6c;
          white-space: nowrap;
          & > P {
            height: 1.5em;
            line-height: 1.5em;
          }
          .mobile_spe {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 70%;
          }
        }
      }
      .section2 {
        order: 2;
        width: 100%;
        text-align: center;
        height: 110*$abs320/$screen320+em;
        line-height: 120*$abs320/$screen320+em;
        .slogan1, .slogan2, .slogan3 {
          display: none;
        }
        .slogan4 {
          color: #1d7782;
          font-size: .62em;
        }
      }
      .section3 {
        order: 3;
        width: 50%;
        height: 310*$abs320/$screen320+em;
        background-image: url($img_url+ "img301.jpg");
      }
      .section4 {
        order: 4;
        width: 50%;
        height: 310*$abs320/$screen320+em;
        background-image: url($img_url+ "img302.jpg");
      }
      .section5 {
        order: 5;
        width: 50%;
        height: 310*$abs320/$screen320+em;
        background-image: url($img_url+ "img303.jpg");
      }
      .section6 {
        order: 6;
        width: 50%;
        height: 310*$abs320/$screen320+em;
        background-image: url($img_url+ "img304.jpg");

      }
    }
  }
  .index4 {
    height: 720*$abs320/$screen320+em;
    overflow: visible;
    background-image: url($img_url+ "img4-bg.png");
    .index_title_spe {
      width: 93.88%;
      height: 270*$abs320/$screen320+em;
      margin: 0 auto;
      text-align: center;
      .slogan1 {
        color: #c4e1f4;
        font-size: (45/18)+em;
        height: (35/(45/18))*$abs320/$screen320+em;
        position: relative;
        top: -(40/(45/18))*$abs320/$screen320+em;
        z-index: 8;
      }
      .slogan2 {
        color: #000;
        font-size: 1.38em;
        height: (120/(1.38))*$abs320/$screen320+em;
        line-height: (120/(1.38))*$abs320/$screen320+em;
        z-index: 9;

      }
      .slogan3 {
        color: #7fa8c3;
        font-size: .82em;
        height: (65/(.82))*$abs320/$screen320+em;
      }
      .slogan4 {
        color: #24cad7;
        font-size: .9em;
        height: (50/(.9))*$abs320/$screen320+em;
      }

    }

    .content {
      width: 93.88%;
      height: 385*$abs320/$screen320+em;
      margin: 0 auto;
      .safe-city {
        nothing {
          width: 32.49%;
          height: 100%;
          display: inline-block;
          dt {
            width: 100%;
          }

        }

      }
      dd {
        display: none;
      }
      .safe-tu {
        padding-top: 3em;
        .safeT-text {
          font-size: 1em;
          line-height: 1em;
        }
      }

    }
  }
  .index5 {
    height: 1048*$abs320/$screen320+em;
    background-image: url($img_url+ "img5-bg.png");
    .index_title_spe {
      width: 82.81%;
      margin: 0 auto;
      text-align: center;
      .slogan1 {

      }
      .slogan2 {
        height: (123/2.5)*$abs320/$screen320+em;
        line-height: (119*2/2.5)*$abs320/$screen320+em;
        color: #c4e1f2;
        font-size: 2.18em;
        z-index: 8;

      }
      .slogan3 {
        height: (50/1.38)*$abs320/$screen320+em;
        line-height: (50/1.38)*$abs320/$screen320+em;
        color: #000;
        font-size: 1.38em;
        z-index: 9;

      }
      .slogan4 {
        height: (82/1.89)*$abs320/$screen320+em;
        line-height: (82/1.89)*$abs320/$screen320+em;

        color: #c4e1f2;
        font-size: 1.89em;

      }
      .slogan5 {
        font-size: .9em;
        height: (40/0.9)*$abs320/$screen320+em;
        z-index: 9;
        color: #24cad7;
      }
    }
    .content {
      .list {
        width: 89.16%;
        margin: 0 auto;
        li {
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap;
          justify-content: space-between;
          .left {
            display: flex;
            width: 26.59%;
            height: (179/.88)*$abs320/$screen320+em;
            font-size: .88em;
            text-align: center;
            justify-content: center;
            align-items: center;
            background: url($img_url_app+ "imgy15.png") no-repeat center center;
            background-size: contain;
          }
          .right {
            width: 73.41%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            .title {
              font-size: .83em;
              margin: (3/.83)*$abs320/$screen320+em 0;
            }
            .discribe {
              font-size: .68em;
              color: #878787;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            }
          }
        }
        & > li:nth-child(even) {
          padding-left: 6.27%;
        }
      }
    }

  }
  .index6 {
    text-align: center;
    height: 889*$abs320/$screen320+em;
    .index_title_spe {
      .slogan1 {
        color: #ddecf7;
        height: (75/3.8)*$abs320/$screen320+em;
        font-size: 3.8em;
        z-index: 8;

      }
      .slogan2 {
        font-size: 1.38em;
        height: (63/1.38)*$abs320/$screen320+em;
        z-index: 9;
      }
      .slogan3 {
        color: #24cad7;
        font-size: .9em;
        height: (63/.9)*$abs320/$screen320+em;
      }
    }
    .content {
      padding: 0 9.44%;
      margin-top: 50*$abs320/$screen320+em;
      & > div {
        width: 48%;
        height: 320*$abs320/$screen320+em;
        display: inline-block;
        dd {
          display: none;
        }
        dt {
          width: 100%;
          height: 215*$abs320/$screen320+em;
          background-repeat: no-repeat;
          background-size: 50% auto;
          background-position: center top;
          .title {
            display: block;
            height: 215*$abs320/$screen320+em;
            line-height: (195*2)*$abs320/$screen320+em;
          }

        }
        &:nth-child(1) {
          dt {
            background-image: url($img_url_app+ "jyicon1.png");
          }
        }
        &:nth-child(2) {
          dt {
            background-image: url($img_url_app+ "jyicon2.png");
          }
        }
        &:nth-child(3) {
          dt {
            background-image: url($img_url_app+ "jyicon3.png");
          }
        }
        &:nth-child(4) {
          dt {
            background-image: url($img_url_app+ "jyicon4.png");
          }
        }
      }
    }
  }
  .index7 {
    height: 1000*$abs320/$screen320+em;
    background-image: url($img_url+ "img6-bg.png");
    .index_title_spe {
      text-align: center;
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      .slogan1 {
        flex-basis: 100%;
        color: $title_color;
        height: (84/1.8)*$abs320/$screen320+em;
        line-height: (84/1.8)*$abs320/$screen320+em;
        order: 2;
        font-size: 1.8em;
      }
      .slogan2 {
        flex-basis: 100%;
        color: #414141;
        height: (117/1.38)*$abs320/$screen320+em;
        line-height: (120/1.38)*$abs320/$screen320+em;
        order: 1;
        font-size: 1.38em;

      }

    }
    .content {
      width: 68%;
      overflow: visible;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      flex-direction: column;
      height: 697*$abs320/$screen320+em;
      .section {
        display: inline-block;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        text-align: center;
        height: 342*$abs320/$screen320+em;
        .box_flow {
          height: 100%;
          .title {
            height: 100%;
            color: #fff;
            font-size: 1em;
            width: 100%;
            display: block;
            line-height: 192*$abs320/$screen320+em;
            background-image: linear-gradient(165deg, #93cef1 0%, #93cef1 55%, rgba(255, 255, 255, 0) 56%, rgba(255, 255, 255, 0) 100%);
          }
          .list {
            display: none;
          }
        }

        position: relative;
      }
      .section1 {
        order: 1;
        width: 48.15%;
        background-image: url($img_url+ "img604.jpg");
        .title {
        }
      }
      .section2 {
        order: 2;
        width: 48.77%;
        background-image: url($img_url+ "img603.jpg");
      }
      .section3 {
        order: 3;
        width: 48.15%;
        background-image: url($img_url+ "img602.jpg");
        position: relative;
        top: 40*$abs320/$screen320+em;
      }
      .section.last {
        position: relative;
        top: 40*$abs320/$screen320+em;
        order: 4;
        width: 48.77%;
        background-color: #5bc3e7;
        .title {
          height: (5em/.875);
          font-size: .875em;
          color: #fff;
          line-height: (5em/.875);
          background-color: transparent;
          opacity: 1;
        }
        a.button {
          text-decoration: none;
          display: inline-block;
          color: #fff;
          width: 66.66%;
          height: (48/.875)*$abs320/$screen320+em;
          border-radius: 5px;
          border: 1px solid #fff;
          line-height: (48/.875)*$abs320/$screen320+em;
          font-size: .875em;
        }
      }
    }

  }
  .index8 {
    height: 990*$abs320/$screen320+em;

    .index_title_spe {
      text-align: center;
      width: 100%;
      .slogan1 {
        height: (200/4)*$abs320/$screen320+em;
        line-height: (200/4)*$abs320/$screen320+em;
        font-size: 4em;
        z-index: 8;
        color: #d9ebf7;
      }
      .slogan2 {
        width: 100%;
        z-index: 9;
        height: 0;
        position: relative;
        top: -60*$abs320/$screen320+em;
        font-size: 1.38em;

      }
      .slogan3 {
        width: 100%;
        height: (119/1)*$abs320/$screen320+em;
        line-height: (64/1)*$abs320/$screen320+em;
        font-size: .62em;
        color: #1d7782;
      }
    }
    .content {
      width: 81.94%;
      margin: 0 auto;
      height: 560*$abs320/$screen320+em;
      position: relative;
      overflow: hidden;
      ul {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        li {
          float: left;
          width: 50%;
          height: 33.33%;
          overflow: hidden;
          text-align: center;
          vertical-align: middle;
          img {
            max-width: 100%;
            max-height: 100%;
          }
          cursor: pointer;
        }
        .myslideCont1, .myslideCont3 {
          border-right: 1px dotted #a4a4a4;
          border-bottom: 1px dotted #a4a4a4;
        }
        .myslideCont2, .myslideCont4 {
          border-bottom: 1px dotted #a4a4a4;
        }
        .myslideCont5 {
          border-right: 1px dotted #a4a4a4;
        }
      }

    }
    ul.current {
      position: absolute;
      bottom: 20*$abs320/$screen320+em;
      text-align: center;
      width: 100%;
      li {
        display: inline-block;
        width: 10*$abs320/$screen320+em;
        height: 10*$abs320/$screen320+em;
        margin: 0 15*$abs320/$screen320+em;
        border-radius: 50%;
        background-color: #dadfe2;
      }
      li.active {
        background-color: #ff971c;

      }
    }
  }
  .index9 {
    height: 1015*$abs320/$screen320+em;
    background-image: url($img_url+ "img7-bg.png");
    .index_title_spe {
      text-align: center;
      margin: 0 auto;
      .slogan1 {
        color: #b8dcf5;
        font-weight: 500;
        height: 200*$abs320/$screen320+em;
        line-height: 260*$abs320/$screen320+em;
        span {
          font-size: 32/$screen320+em;
        }
      }
      .slogan2 {
        height: 70*$abs320/$screen320+em;
        line-height: 70*$abs320/$screen320+em;
        order: 1;
        color: #000;
        position: absolute;
        top: 70*$abs320/$screen320+em;
        width: 100%;
        text-align: center;
        span {
          font-size: 1.38em;
        }
      }
    }
    .content {
      width: 70.83%;
      margin: 0 auto;
      overflow: hidden;
      .us_list {
        width: 100%;
        overflow: hidden;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        flex-direction: row;
        li {
          position: relative;
          background-color: #89c5e4;
          height: 140*$abs320/$screen320+em;
          width: 31.87%;
          text-align: right;
          img.img_list {
            display: none;
            margin: 0 auto;
            width: 85%;
          }
          .us_title {
            position: absolute;
            bottom: 20*$abs320/$screen320+em;
            right: 20*$abs320/$screen320+em;
            & > img {
              width: 25%;
            }
            & > div {
              display: inline-block;
              color: #fff;
              font-size: 20*$abs320/$screen320+em;
              .small {
                font-size: .5em;
              }
              font-weight: 500;
            }
          }
          &:nth-child(3n-1) {
            margin-top: 10*$abs320/$screen320+em;
          }
          &:nth-child(even) {
            background-color: #96d1ef;

          }
        }
      }
      .map_box {
        width: 100%;
        height: 240*$abs320/$screen320+em;
        background-color: #96d1ef;
        position: relative;
        margin-top: 30*$abs320/$screen320+em;
        #map {
          position: absolute;
          top: 3*$abs320/$screen320+em;
          bottom: 3*$abs320/$screen320+em;
          left: 3*$abs320/$screen320+em;
          right: 3*$abs320/$screen320+em;
          overflow: hidden;
        }
      }

    }
    .copyright {
      position: absolute;
      bottom: 0;
      width: 100%;
      text-align: center;
      margin: 0 auto;
      background-color: transparent;
      font-size: 20*$abs320/$screen320+em;
      & > p {
        margin: 10*$abs320/$screen320+em auto;
      }

    }
  }

  ._2index1 {
    div.header {
      position: absolute;
      display: block;
      background-color: rgba(255, 255, 255, 0.3);
      .nav > li {
        a {
          color: #797979;
        }
      }
    }
    div._2header {
      height: 390*$abs320/$screen320+em;
      background-color: #1287f0;
      background-image: url($img_url_app+ "index1_11.png");
      background-repeat: no-repeat;
      background-size: auto 63%;
      background-position: 0% bottom;
      color: #fff;
      padding-left: 11%;
      .slogan1 {
        width: 79%;
        height: (190/1.5)*$abs320/$screen320+em;
        line-height: (314/1.5)*$abs320/$screen320+em;
        font-size: 1.5em;
      }
      .slogan2 {
        width: 40%;
        font-size: .8em;
        line-height: (45/.8)*$abs320/$screen320+em;
      }
    }
    ._2nav {
      width: 100%;
      text-align: left;
      border-bottom: 1px solid #ddd;
      overflow-x: auto;
      .x-overflow {
        width: 150%;
        .item {
          text-align: center;
          cursor: pointer;
          display: inline-block;
          font-size: 1em;
          line-height: (80/1)*$abs320/$screen320+em;
          padding: 0 (3/1)*$abs320/$screen320+em;
          margin: 0 3.07%;
          border-bottom: 1px solid transparent;
          &.active {
            border-bottom-color: #05a4cc;
            color: #05a4cc;
          }
        }
      }

    }
    ._2article {
      text-align: center;
      padding: 0 15*$abs320/$screen320+em;
      background-color: #eef3f7;
      overflow: hidden;
      position: absolute;
      top: (394+80)*$abs320/$screen320+em;
      bottom: 140*$abs320/$screen320+em;
      left: 0;
      right: 0;
      #scroller {
        position: absolute;
        width: 100%;
        .nodata {
          display: block;
          width: 100%;
          margin: 3px 0;
          text-align: center;
        }
        ul {
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          justify-content: space-between;
          align-items: flex-start;
          overflow: hidden;
          padding-bottom: 100*$abs320/$screen320+em;
          li.item {
            text-align: center;
            width: 40.27%;
            display: inline-block;
            margin: 0 25*$abs320/$screen320+em;
            &.active {
              color: #00a6ca;
            }
            dl {
              width: 100%;
              dt {
                height: 270*$abs320/$screen320+em;
                line-height: 270*$abs320/$screen320+em;
                overflow: hidden;
                img {
                  width: 100%;
                  vertical-align: middle;
                }
              }
              dd {
                width: 100%;
                span {
                  display: inline-block;
                  line-height: 50*$abs320/$screen320+em;
                  color: #2a2a2a;
                  margin: 20*$abs320/$screen320+em 0;
                }
              }
            }
          }
        }
      }

    }

    .copyright {
      position: absolute;
    }
  }
  .solution {
    div.header {
      position: absolute;
      display: block;
      background-color: rgba(255, 255, 255, .7);
      .nav > li {
        a {
          color: #797979;
        }
      }
    }
    .solutionHeader {
      width: 100%;
      height: 370*$abs320/$screen320+em;
      img {
        height: 100%;
        width: 100%;
      }
    }
    .content {
      img {
        width: 100%;
      }
    }
  }
  .graphicSubPage {
    overflow: hidden;
    background-color: #fff;
    div.header {
      position: absolute;
      display: block;
      background-color: rgba(255, 255, 255, .5);
      .nav > li {
        a {
          color: #908d94;
        }
        &.active {
          a {
            color: #ff7607;
          }
        }
      }
    }
    .graphicSubPageHeader {
      height: 391*$abs320/$screen320+em;
      background-color: #36cba3;
      overflow: hidden;
      .slogan1 {
        font-size: 55*$abs320/$screen320+em;
        line-height: 75/(55*$abs320/$screen320)*$abs320/$screen320+em;
        margin-top: 168/(55*$abs320/$screen320)*$abs320/$screen320+em;
        margin-left: 264/(55*$abs320/$screen320)*$abs320/$screen320+em;
        width: 50%;
        text-align: center;
        color: #fffefe;
      }
    }
    .content {
      padding: 0 29*$abs320/$screen320+em;
      .title0 {
        height: 48*$abs320/$screen320+em;
        border-bottom: 1px solid #98ebed;
        text-align: center;
        span {
          font-size: 30*$abs320/$screen320+em;
          line-height: 96/(30*$abs320/$screen320)*$abs320/$screen320+em;
          padding: 0 25/(30*$abs320/$screen320)*$abs320/$screen320+em;
          background-color: #fff;
          font-weight: 600;
        }
      }
      .title1 {
        font-size: 26*$abs320/$screen320+em;
        line-height: 150/(26*$abs320/$screen320)*$abs320/$screen320+em;
        height: 110/(26*$abs320/$screen320)*$abs320/$screen320+em;
        text-indent: 28/(26*$abs320/$screen320)*$abs320/$screen320+em;
        padding: 0 33/(26*$abs320/$screen320)*$abs320/$screen320+em;
        color: #04a3cb;
        font-weight: 600;
      }
      .introduction {
        line-height: 40/(20*$abs320/$screen320)*$abs320/$screen320+em;
        font-size: 20*$abs320/$screen320+em;
        color: #5e5c5c;
        padding: 0 33/(26*$abs320/$screen320)*$abs320/$screen320+em;
        img {
          width: 100%;
        }
      }
      .showmoreIntroduction {
        line-height: 140/(20*$abs320/$screen320)*$abs320/$screen320+em;
        height: 130/(20*$abs320/$screen320)*$abs320/$screen320+em;
        font-size: 20*$abs320/$screen320+em;
        color: #1c7480;
        text-align: center;
      }
    }
    //.content2 {
    //  ul.characteristic {
    //    width: 100%;
    //    li {
    //      width: 100%;
    //      overflow: hidden;
    //      border-bottom: 1px solid #dce6ee;
    //      .left {
    //        width: 22.65%;
    //        float: left;
    //        font-size: 44*$abs320/$screen320+em;
    //        height: 96/(44*$abs320/$screen320)*$abs320/$screen320+em;
    //        line-height: 126/(44*$abs320/$screen320)*$abs320/$screen320+em;
    //        color: #66b699;
    //        text-align: center;
    //        font-family: "宋体";
    //        font-style: italic;
    //      }
    //      .slogan1 {
    //        float: right;
    //        width: 77%;
    //        font-size: 20*$abs320/$screen320+em;
    //        height: 96/(20*$abs320/$screen320)*$abs320/$screen320+em;
    //        line-height: 116/(20*$abs320/$screen320)*$abs320/$screen320+em;
    //        color: #333333;
    //      }
    //    }
    //    margin-bottom: 36*$abs320/$screen320+em;
    //  }
    //  & > .slogan3 {
    //    font-size: 20*$abs320/$screen320+em;
    //    line-height: 40/(20*$abs320/$screen320)*$abs320/$screen320+em;
    //    margin: 60/(20*$abs320/$screen320)*$abs320/$screen320+em 33/(20*$abs320/$screen320)*$abs320/$screen320+em 0;
    //    border-bottom: 1px solid #dce6ee;
    //  }
    //}

  }
  .fiscalFunds {
    overflow: hidden;
    background-color: #fff;
    div.header {
      position: absolute;
      display: block;
      background-color: rgba(255, 255, 255, .5);
      .nav > li {
        a {
          color: #908d94;
        }
        &.active {
          a {
            color: #ff7607;
          }
        }
      }
    }
    .fiscalFundsHeader {
      height: 375*$abs320/$screen320+em;
      background-color: #4ca1d0;
      padding-left: 8%;
      overflow: hidden;
      .slogan1 {
        font-size: 48*$abs320/$screen320+em;
        color: #fefefe;
        margin-top: 152/(48*$abs320/$screen320)*$abs320/$screen320+em;
      }
      .slogan2 {
        font-size: 30*$abs320/$screen320+em;
        margin-top: 43/(30*$abs320/$screen320)*$abs320/$screen320+em;
        color: #feffff;
      }
    }
    .content {
      width: 100%;
      overflow: hidden;
      .step {
        padding: 0 7.91%;
        overflow: hidden;
        .steptitle {
          height: 130*$abs320/$screen320+em;
          line-height: 130*$abs320/$screen320+em;
          margin: 2.96% 0;
          padding-left: .59em;
          .slogan1 {
            display: inline-block;
            background-color: #ffa631;
            transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            width: 91*$abs320/$screen320+em;
            height: 91*$abs320/$screen320+em;
            line-height: 91*$abs320/$screen320+em;
            text-align: center;
            span {
              color: #fefefe;
              font-size: 48.4*$abs320/$screen320+em;
              transform: rotate(-45deg);
              -ms-transform: rotate(-45deg);
              -moz-transform: rotate(-45deg);
              -webkit-transform: rotate(-45deg);
              display: inline-block;
            }
          }
          .slogan2 {
            display: inline-block;
            font-size: 36*$abs320/$screen320+em;
            color: #000000;
            margin-left: 5.6%;
          }
        }
      }
      .step1 {
        background-color: #eceae5;
        background-image: url($img_url_app+ "caizhen1app.png");
        background-size: 100% 55%;
        background-repeat: no-repeat;
        .financialSituation {
          margin-top: -10*$abs320/$screen320+em;
          margin-bottom: 6.5%;
          .right, .left {
            display: block;
            font-size: 22*$abs320/$screen320+em;
            height: 45/(22*$abs320/$screen320)*$abs320/$screen320+em;
            line-height: 45/(22*$abs320/$screen320)*$abs320/$screen320+em;
            white-space: nowrap;

          }
          .item1 {
            margin-left: 32.28%;
          }
          .item2 {
            margin-left: 42.83%;
          }
          .item3, .item4 {
            margin-left: 48.59%;
          }
          .item5 {
            margin-left: 37.89%;
          }
        }
        .solutionWay {
          .slogan1 {
            margin-bottom: 7.08%;
            font-size: 36*$abs320/$screen320+em;
            margin-top: -20/(36*$abs320/$screen320)*$abs320/$screen320+em;
            color: #003f6f;
            text-align: center;
          }
          .left {
            height: 250*$abs320/$screen320+em;
            width: 100%;
            background-image: url($img_url+ "caizhen2.png");
            background-repeat: no-repeat;
            background-size: 97% auto;
            background-position: center;
            position: relative;
            .I3_but {
              font-size: 24*$abs320/$screen320+em;
              color: #5b5b5b;
              position: absolute;
            }
            .I3_but1, .I3_but2 {
              top: 0;
            }
            .I3_but3, .I3_but4 {
              bottom: 0;
            }
            .I3_but1 {
              left: 10/(24*$abs320/$screen320)*$abs320/$screen320+em;
            }
            .I3_but2 {
              left: 51.07%;
            }
            .I3_but3 {
              left: 26%;
            }
            .I3_but4 {
              right: 0;
            }
          }
          padding-bottom: 7.41%;
        }
      }
      .step2 {
        .steptitle {
          .slogan1 {
            background-color: #92cd3e;
          }
        }
        .I4_mainall {
          height: 615*$abs320/$screen320+em;
          position: relative;
          .I4M_main {
            width: 33.33%;
            text-align: center;
            position: absolute;
            img {
              width: 56.83%;
            }
            & > div {
              font-size: 22*$abs320/$screen320+em;
            }
          }
          .item1 {
            top: 70*$abs320/$screen320+em;
            left: (70-43.66)*$abs320/$screen320+em;
          }
          .item2 {
            top: 27*$abs320/$screen320+em;
            left: (310-43.66)*$abs320/$screen320+em;
          }
          .item3 {
            top: 229*$abs320/$screen320+em;
            left: (248-43.66)*$abs320/$screen320+em;
          }
          .item4 {
            top: 182*$abs320/$screen320+em;
            left: (456-43.66)*$abs320/$screen320+em;
          }
          .item5 {
            top: 270*$abs320/$screen320+em;
            left: (48-43.66)*$abs320/$screen320+em;
          }
          .item6 {
            top: 418*$abs320/$screen320+em;
            left: (210-43.66)*$abs320/$screen320+em;
          }
          .item7 {
            top: 399*$abs320/$screen320+em;
            left: (410-43.66)*$abs320/$screen320+em;
          }

        }
        & > .slogan1 {
          font-size: 22*$abs320/$screen320+em;
          color: #003f6f;
        }
      }
      .step3 {
        padding-bottom: 2.77%;
        background-color: #e6ebf0;
        .steptitle {
          .slogan1 {
            background-color: #3fb3de;
          }
        }
        .list1 {
          width: 100%;
          li.item1 {
            background-color: #fff;
            padding: 0 1.67%;
            margin-bottom: 1.64%;
            &.active {
              .list2 {
                height: auto;
              }
            }
            .left {
              position: relative;
              height: 95*$abs320/$screen320+em;
              line-height: 95*$abs320/$screen320+em;
              & > div {
                text-indent: 9.88%;
                font-size: 34.15*$abs320/$screen320+em;
              }
              .icon {
                position: absolute;
                top: 0;
                right: 0;
                display: inline-block;
                height: 100%;
                width: 16.47%;
                background: url($img_url_app+ "caizhen2app.png") no-repeat center;
                background-size: auto 25%;
                transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                -webkit-transform: rotate(180deg);
              }
            }
            .list2 {
              height: 0;
              overflow: hidden;
              transition: height 500ms linear 0s;
              width: 100%;
              border-top: 1px solid #d2d2d2;
              .item2 {
                width: 50%;
                padding: 2.89% 0;
                display: inline-block;
                & > div {
                  font-size: 24*$abs320/$screen320+em;
                  height: 56/(24*$abs320/$screen320)*$abs320/$screen320+em;
                  line-height: 56/(24*$abs320/$screen320)*$abs320/$screen320+em;
                  white-space: nowrap;
                  padding-left: 5%;
                  color: #7f7f7f;

                }
              }
            }
          }
        }
      }
      .step4 {
        .steptitle {
          .slogan1 {
            background-color: #35ae52;
          }
        }
        .list {
          width: 100%;
          li {
            overflow: hidden;
            width: 100%;
            height: 108*$abs320/$screen320+em;
            border: 1px solid #3bb9bd;
            margin: 2.14% 0;
            &:nth-child(even) {
              padding-left: 9.88%;
            }
            .number {
              float: left;
              width: 21.25%;
              height: 100%;
              font-size: 44*$abs320/$screen320+em;
              color: #66b699;
              background-image: url($img_url_app+ "caizhen3app.png");
              background-repeat: no-repeat;
              background-position: center;
              background-size: 68.21% auto;
              text-align: center;
              line-height: 108/(44*$abs320/$screen320)*$abs320/$screen320+em;
            }
            .slogan1 {
              float: left;
              width: 78%;
              font-size: 26*$abs320/$screen320+em;
              margin-top: 3%;
              color: #313131;
            }
            .slogan2 {
              float: left;
              width: 78%;
              text-overflow: ellipsis;
              white-space: nowrap;
              overflow: hidden;
              font-size: 18*$abs320/$screen320+em;
              color: #7a7a7a;
            }
          }
        }
      }
      .step5 {
        .steptitle {
          .slogan1 {
            background-color: #3bb9bd;
          }
        }
        .right {
          .slogan1 {
            font-size: 24*$abs320/$screen320+em;
            color: #003f6f;
          }
          .list {
            width: 100%;
            padding: 11.53% 0;
            border-bottom: 1px solid #68abce;
            li {
              overflow: hidden;
              .number {
                display: inline-block;
                position: relative;
                border: 2px solid #3bb9bd;
                width: 89*$abs320/$screen320+em;
                height: 89*$abs320/$screen320+em;
                border-radius: 50%;
                float: left;
                span {
                  display: inline-block;
                  width: 75*$abs320/$screen320+em;
                  height: 75*$abs320/$screen320+em;
                  line-height: 75*$abs320/$screen320+em;
                  text-align: center;
                  color: #fff;
                  background-color: #3bb9bd;
                  position: absolute;
                  right: 4/(75*$abs320/$screen320)*$abs320/$screen320+em;
                  bottom: 4/(75*$abs320/$screen320)*$abs320/$screen320+em;
                  border-radius: 50%;
                }
              }
              .slogan2 {
                margin-top: 18/(26*$abs320/$screen320)*$abs320/$screen320+em;
                margin-left: 27/(26*$abs320/$screen320)*$abs320/$screen320+em;
                display: inline-block;
                font-size: 26*$abs320/$screen320+em;
                line-height: 50/(26*$abs320/$screen320)*$abs320/$screen320+em;
                padding-right: 10/(26*$abs320/$screen320)*$abs320/$screen320+em;
                color: #4b4b4b;
                float: left;
                border-bottom: 2px solid #d1d1d1;
              }

            }
            .item1 {
              padding-left: 3.62%;
            }
            .item2 {
              margin-top: -10*$abs320/$screen320+em;
              padding-left: 16.47%;
            }
            .item3 {
              margin-top: -10*$abs320/$screen320+em;
              padding-left: 28.83%;
            }
          }
        }
      }
    }
  }
  ._2index8 {
    background-color: #e8edf1;
    //height: 100%;
    div.header {
      position: absolute;
      display: block;
      background-color: rgba(255, 255, 255, .5);
      .nav > li {
        a {
          color: #908d94;
        }
        &.active {
          a {
            color: #ff7607;
          }
        }
      }
    }
    div._2header {
      & > div {
        height: 100%;
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-position: center;
      }
      height: 420*$abs320/$screen320+em;
      color: #fff;
      overflow: hidden;
      .article1 {
        background-image: url($img_url+ "inde8_header1.png");
      }
      .article2 {
        background-image: url($img_url+ "inde8_header1.png");
      }
      .article4 {
        height: 100%;
        background-color: #a0b9d5;
        background-image: url($img_url+ "inden8_1.png");
        background-size: auto 100%;
        background-position: left center;
        .slogan1 {
          height: (200/(68*$abs320/$screen320))*$abs320/$screen320+em;
          line-height: (320/(68*$abs320/$screen320))*$abs320/$screen320+em;
          font-size: 68*$abs320/$screen320+em;
          text-indent: 13.19%;
        }
        .slogan2 {
          height: (130/(68*$abs320/$screen320))*$abs320/$screen320+em;
          line-height: (200/(68*$abs320/$screen320))*$abs320/$screen320+em;
          font-size: 68*$abs320/$screen320+em;
          text-indent: 43%;

        }
      }
      .article5 {
        overflow: hidden;
        .slogan1 {
          color: #fff;
          margin: 24.1% 0 0 17.91%;
          font-size: 59.93*$abs320/$screen320+em;
        }
        height: 100%;
        background-image: url($img_url_app+ "enterprise1.png");
        background-size: cover;
      }
    }
    ._2nav {
      display: none;
    }
    ._2section {
      display: none;
    }
    ._2article {
      text-align: left;
      padding: 60*$abs320/$screen320+em 9.722% 0;
      overflow: hidden;
      margin: 0 auto;
      display: inline-block;
      .news_cont {
        width: 100%;
        float: right;
        .cont_header {
          text-align: left;
          .title {
            height: (54/1.09)*$abs320/$screen320+em;
            line-height: (54/1.09)*$abs320/$screen320+em;
            font-size: 1.09em;
          }
          .relatedData {
            height: (89/0.69)*$abs320/$screen320+em;
            line-height: (89/0.69)*$abs320/$screen320+em;
            font-size: 0.69em;
            & > div {
              display: inline-block;
              color: #9d9d9d;
            }
            .type {
              display: none;
            }
          }
        }
        .cont_detail {
          border-bottom: 1px dotted #0d3349;
          border-top: 1px dotted #0d3349;
          text-indent: 4.8%;
          line-height: (45/0.69)*$abs320/$screen320+em;
          padding-top: (35/0.69)*$abs320/$screen320+em;
          padding-bottom: 70px;
          font-size: 0.69em;
        }
        .article_change {
          display: none;
        }
      }

    }
    .newsList_title {
      width: 100%;
      text-align: center;
      .slogan1 {
        height: (145/2)*$abs320/$screen320+em;
        line-height: (120/2)*$abs320/$screen320+em;
        font-size: 2em;
        color: #79a8df;
        z-index: 9;
      }
      .slogan2 {
        font-size: 2em;
        height: 0;
        position: relative;
        top: -(90/2)*$abs320/$screen320+em;
        color: #fff;
        z-index: 8;
      }
    }

    .view_box {
      ._2newsDetail {
        padding: 0 9.722%;
        //margin-bottom: 22.22%;
        .news_cont {
          .cont_header {
            border-bottom: 1px dotted #bfc3c6;
            .title {
              font-size: 36*$abs320/$screen320+em;
              height: 92/(36*$abs320/$screen320)*$abs320/$screen320+em;
              line-height: 132/(36*$abs320/$screen320)*$abs320/$screen320+em;
            }
            .relatedData {
              font-size: 24*$abs320/$screen320+em;
              height: 90/(24*$abs320/$screen320)*$abs320/$screen320+em;
              line-height: 90/(24*$abs320/$screen320)*$abs320/$screen320+em;
              color: #6c6c6c;
            }
          }
          .cont_detail {
            font-size: 18*$abs320/$screen320+em;
            line-height: 40/(18*$abs320/$screen320)*$abs320/$screen320+em;
            color: #252525;
            text-indent: 43/(18*$abs320/$screen320)*$abs320/$screen320+em;
            margin: 45/(18*$abs320/$screen320)*$abs320/$screen320+em 0 0 0;
            padding-bottom: 45/(18*$abs320/$screen320)*$abs320/$screen320+em;
            border-bottom: 1px solid #ddd;
            min-height: 300/(18*$abs320/$screen320)*$abs320/$screen320+em;
          }
        }
      }
      .followUs {
        overflow: hidden;
        background-color: #fff;
        .enterpriseHonorHeader {
          height: 420*$abs320/$screen320+em;
          background-color: #9b6b3b;

          overflow: hidden;
          .slogan1 {

          }
        }
        .content {
          padding: 50*$abs320/$screen320+em 6.94% 0 6.94%;
          width: 100%;
          ul.honors {
            width: 100%;
            //overflow: hidden;
            padding-bottom: 9.72%;
            border-bottom: 1px solid #dad7d7;
            & > li {
              display: inline-block;
              border: 1px solid #bbd4d9;
              width: 46.38%;
              box-shadow: 0 0 20px #a9dce9;
              margin-bottom: 30*$abs320/$screen320+em;
              .enterpriseHonor_title {
                margin: 15*$abs320/$screen320+em 15*$abs320/$screen320+em 0 15*$abs320/$screen320+em;
                img {
                  width: 100%;
                }
              }
              .enterpriseHonor_info {
                border-top: 1px solid #dbdbdb;
                height: 66*$abs320/$screen320+em;
                line-height: 66*$abs320/$screen320+em;
                text-align: center;
                .jia {
                  display: inline-block;
                  width: 35*$abs320/$screen320+em;
                  height: 35*$abs320/$screen320+em;
                  line-height: 35*$abs320/$screen320+em;
                  text-align: center;
                  border: 1px solid #ddd;
                  border-radius: 50%;
                  color: #4095a9;
                  background-image: url($img_url_app+ "jia.png");
                  background-repeat: no-repeat;
                  background-position: center;
                  background-size: 70%;
                }
              }
              &:nth-child(even) {
                //float: right;
                margin-left: 7.2%;
              }
              &:nth-child(odd) {
                //float: left;
              }
            }
          }
        }
        .dialog {
          position: fixed;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          background-color: rgba(0, 0, 0, 0.5);
          .certificate {
            position: absolute;
            top: 21.12%;
            height: 910*$abs320/$screen320+em;
            overflow: auto;
            left: 6.86%;
            right: 6.86%;
            background-color: #fff;
            border-radius: 8px;
            padding: 12% 5.84% 6%;
            .certificateImg {
              width: 100%;
              text-align: center;
              img {
                margin: 0 auto;
                max-width: 100%;
                max-height: 327*$abs320/$screen320+em;
                border-radius: 8px;
              }
            }
            .certificateName {
              color: #70b6ef;
              font-size: 25*$abs320/$screen320+em;
              height: 26/(25*$abs320/$screen320)*$abs320/$screen320+em;
              line-height: 26/(25*$abs320/$screen320)*$abs320/$screen320+em;
              border-left: 3px solid #70b6ef;
              margin: 30/(25*$abs320/$screen320)*$abs320/$screen320+em 0 20/(25*$abs320/$screen320)*$abs320/$screen320+em;
              text-indent: 13/(25*$abs320/$screen320)*$abs320/$screen320+em;
            }
            .certificateList {
              font-size: 16*$abs320/$screen320+em;
              line-height: 30/(16*$abs320/$screen320)*$abs320/$screen320+em;
              color: #949494;
              height: 200/(16*$abs320/$screen320)*$abs320/$screen320+em;
              overflow: auto;
              padding: 0 4.34%;
              text-indent: 6.52%;
            }
          }
        }
      }
      .enterpriseHonor {
        overflow: hidden;
        background-color: #fff;
        .enterpriseHonorHeader {
          height: 420*$abs320/$screen320+em;
          background-color: #9b6b3b;

          overflow: hidden;
          .slogan1 {

          }
        }
        .content {
          padding: 50*$abs320/$screen320+em 6.94% 0 6.94%;
          width: 100%;
          ul.honors {
            width: 100%;
            //overflow: hidden;
            padding-bottom: 9.72%;
            border-bottom: 1px solid #dad7d7;
            & > li {
              display: inline-block;
              border: 1px solid #bbd4d9;
              width: 46.38%;
              box-shadow: 0 0 20px #a9dce9;
              margin-bottom: 30*$abs320/$screen320+em;
              .enterpriseHonor_title {
                margin: 15*$abs320/$screen320+em 15*$abs320/$screen320+em 0 15*$abs320/$screen320+em;
                img {
                  width: 100%;
                }
              }
              .enterpriseHonor_info {
                border-top: 1px solid #dbdbdb;
                height: 66*$abs320/$screen320+em;
                line-height: 66*$abs320/$screen320+em;
                text-align: center;
                .jia {
                  display: inline-block;
                  width: 35*$abs320/$screen320+em;
                  height: 35*$abs320/$screen320+em;
                  line-height: 35*$abs320/$screen320+em;
                  text-align: center;
                  border: 1px solid #ddd;
                  border-radius: 50%;
                  color: #4095a9;
                  background-image: url($img_url_app+ "jia.png");
                  background-repeat: no-repeat;
                  background-position: center;
                  background-size: 70%;
                }
              }
              &:nth-child(even) {
                //float: right;
                margin-left: 7.2%;
              }
              &:nth-child(odd) {
                //float: left;
              }
            }
            & > .left {
              float: left;
              clear: left;
            }
            & > .right {
              float: right;
              clear: right;
            }
          }
        }
        .dialog {
          position: fixed;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          background-color: rgba(0, 0, 0, 0.5);
          .certificate {
            position: absolute;
            top: 21.12%;
            height: 910*$abs320/$screen320+em;
            overflow: auto;
            left: 6.86%;
            right: 6.86%;
            background-color: #fff;
            border-radius: 8px;
            padding: 12% 5.84% 6%;
            .certificateImg {
              width: 100%;
              text-align: center;
              background-color: #e7e6e6;
              border-radius: 5px;
              img {
                vertical-align: middle;
                margin: 0 auto;
                max-width: 100%;
                max-height: 327*$abs320/$screen320+em;
              }
            }
            .certificateName {
              color: #70b6ef;
              font-size: 25*$abs320/$screen320+em;
              height: 26/(25*$abs320/$screen320)*$abs320/$screen320+em;
              line-height: 26/(25*$abs320/$screen320)*$abs320/$screen320+em;
              border-left: 3px solid #70b6ef;
              margin: 30/(25*$abs320/$screen320)*$abs320/$screen320+em 0 20/(25*$abs320/$screen320)*$abs320/$screen320+em;
              text-indent: 13/(25*$abs320/$screen320)*$abs320/$screen320+em;
            }
            .certificateList {
              font-size: 16*$abs320/$screen320+em;
              line-height: 30/(16*$abs320/$screen320)*$abs320/$screen320+em;
              color: #949494;
              height: 200/(16*$abs320/$screen320)*$abs320/$screen320+em;
              overflow: auto;
              padding: 0 4.34%;
              text-indent: 6.52%;
            }
          }
        }
      }
      .newsList {
        width: 100%;
        padding: 0 4.02%;
        text-align: center;
        overflow: hidden;
        position: absolute;
        bottom: (35+25+30*2)*$abs320/$screen320+em;
        top: (145+420)*$abs320/$screen320+em;
        background-color: #e8edf1;
        ul {
          overflow: hidden;
          padding: 2em 0;
          li {
            width: 100%;
            background-color: #fff;
            height: 93*$abs320/$screen320+em;
            line-height: 93*$abs320/$screen320+em;
            margin-bottom: 18*$abs320/$screen320+em;
            .left {
              text-indent: 3.47%;
              font-size: .89em;
              display: inline-block;
              width: 68.18%;
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden;
              float: left;
              text-decoration: none;
              color: inherit;
              text-align: left;
            }
            .right {
              font-size: .79em;
              display: inline-block;
              width: 29.54%;
              float: right;
            }
          }
        }

      }
    }

    .copyright {
      position: absolute;
      bottom: 0;
    }
  }
  .joinUs {
    overflow: hidden;
    background-color: #fff;
    div.header {
      position: absolute;
      display: block;
      background-color: rgba(255, 255, 255, .5);
      .nav > li {
        a {
          color: #717171;
        }
        &.active {
          a {
            color: #ff7607;
          }
        }
      }
    }
    .joinUsHeader {
      height: 420*$abs320/$screen320+em;
      background-color: #9b6b3b;
      background-image: url($img_url+ "joinusbg.png");
      background-repeat: no-repeat;
      background-size: auto 100%;
      background-position: 50% 0;
    }
    .content {
      padding: 0 9.44%;
      .title {
        font-size: 40*$abs320/$screen320+em;
        line-height: (60/(40*$abs320/$screen320))*$abs320/$screen320+em;
        margin: (20/(40*$abs320/$screen320))*$abs320/$screen320+em 0;
        span {
          display: block;
        }
        .slogan1 {
          margin-left: (40/(40*$abs320/$screen320))*$abs320/$screen320+em;
        }
        .slogan2 {
          margin-left: (115/(40*$abs320/$screen320))*$abs320/$screen320+em;
        }
      }
      ul.jobs {
        width: 100%;

        & > li {
          margin-bottom: 20*$abs320/$screen320+em;
          width: 100%;
          overflow: hidden;
          &.active {
            .jobs_title {
              background-color: #84bcef;
              color: #fff;
              background-image: url($img_url+ "img10.png");
            }
            .jobs_info {
              display: block;
            }
          }
          .jobs_title {
            line-height: (90/(30*$abs320/$screen320))*$abs320/$screen320+em;
            font-size: 30*$abs320/$screen320+em;
            text-align: center;
            background-color: #e3edf7;
            background-image: url($img_url+ "img11.png");
            background-repeat: no-repeat;
            background-position: 95% center;
            background-size: auto 18%;
            color: #4a6a81;

          }
          .jobs_info {
            display: none;
            width: 100%;
            padding: 0 6.66%;
            text-align: center;
            border: 1px solid #ddd;
            border-top: none;
            & > p {
              line-height: (89/(25*$abs320/$screen320))*$abs320/$screen320+em;
              font-size: 25*$abs320/$screen320+em;
              text-align: left;
            }
            ul.list {
              list-style: decimal;
              width: 100%;
              overflow: hidden;
              li {
                font-size: 20*$abs320/$screen320+em;
                list-style: decimal;
                line-height: (35/(20*$abs320/$screen320))*$abs320/$screen320+em;
                text-align: left;
              }
            }
            .application {
              display: inline-block;
              border: 1px solid #357eb3;
              color: #357eb3;
              border-radius: 3px;
              font-size: 25*$abs320/$screen320+em;
              padding: (8/(25*$abs320/$screen320))*$abs320/$screen320+em (18/(25*$abs320/$screen320))*$abs320/$screen320+em;
              margin: (23/(25*$abs320/$screen320))*$abs320/$screen320+em (18/(25*$abs320/$screen320))*$abs320/$screen320+em;
            }
          }
        }
      }
    }
    .dialog {
      .dialog_cont {
        .overauto {
          .applicationList {
            li.applicationItem1 {
              background-image: url($img_url_app+ "join1.png");
            }
            li.applicationItem2 {
              background-image: url($img_url_app+ "application3.png");
            }
            li.applicationItem3 {
              background-image: url($img_url_app+ "application4.png");
            }
            li.applicationItem4 {
              background-image: url($img_url_app+ "join2.png");
            }
          }
          .submit {
            border-radius: 3px;
            font-size: 40*$abs320/$screen320+em;
            height: 78/(40*$abs320/$screen320)*$abs320/$screen320+em;
            line-height: 78/(40*$abs320/$screen320)*$abs320/$screen320+em;
            width: 100%;
            text-align: center;
            color: #fff;
            margin: (30/40)+em 0;
            background-color: #1a9ed9;
          }
          .slogan1 {
            padding: 0 4.8%;
            width: 100%;
            font-size: 24*$abs320/$screen320+em;
            line-height: (50/24)+em;
            overflow: hidden;
            .left {
              width: 19.6%;
              display: inline-block;
              float: left;
            }
            .right {
              width: 78%;
              display: inline-block;
              float: right;

            }
          }
          .myCall {
            display: block;
            border-radius: 3px;
            font-size: 40*$abs320/$screen320+em;
            height: 78/(40*$abs320/$screen320)*$abs320/$screen320+em;
            line-height: 78/(40*$abs320/$screen320)*$abs320/$screen320+em;
            width: 100%;
            text-align: center;
            color: #fff;
            margin: (30/40)+em 0;
            background-color: #e99900;
            text-decoration: none;

          }
        }

      }

    }
    //.dialog {
    //  position: fixed;
    //  top: 0;
    //  bottom: 0;
    //  left: 0;
    //  right: 0;
    //  background-color: rgba(0, 0, 0, .5);
    //  .send_application {
    //    position: absolute;
    //    top: 75*$abs320/$screen320+em;
    //    bottom: 75*$abs320/$screen320+em;
    //    left: 40*$abs320/$screen320+em;
    //    right: 40*$abs320/$screen320+em;
    //    background-color: #fff;
    //    border-radius: 10px;
    //    padding: 0 6.83%;
    //    overflow: auto;
    //    .title {
    //      font-size: 43*$abs320/$screen320+em;
    //      height: 115/(43*$abs320/$screen320)*$abs320/$screen320;
    //      line-height: 140/(43*$abs320/$screen320)*$abs320/$screen320;
    //      text-align: center;
    //    }
    //    ul.list {
    //      width: 100%;
    //      li {
    //        width: 100%;
    //        height: 100/(30*$abs320/$screen320)*$abs320/$screen320+em;
    //        line-height: 100/(30*$abs320/$screen320)*$abs320/$screen320+em;
    //        font-size: 30*$abs320/$screen320+em;
    //        position: relative;
    //        .right {
    //          width: 100%;
    //          border-radius: 4px;
    //          border: 1px solid #9b9b9b;
    //          height: 80/(30*$abs320/$screen320)*$abs320/$screen320+em;
    //          text-indent: 100/(30*$abs320/$screen320)*$abs320/$screen320+em;
    //        }
    //        .left {
    //          position: absolute;
    //          left: 20/(30*$abs320/$screen320)*$abs320/$screen320+em;
    //        }
    //        textarea.right {
    //          display: inline-block;
    //          height: 100%;
    //          overflow: auto;
    //          text-indent: 0;
    //          padding-left: 22%;
    //          line-height: 50/(30*$abs320/$screen320)*$abs320/$screen320+em;
    //        }
    //      }
    //    }
    //    .submit, .slogan4 {
    //      width: 100%;
    //      display: block;
    //      text-decoration: none;
    //      font-size: 40*$abs320/$screen320+em;
    //      height: 77/(40*$abs320/$screen320)*$abs320/$screen320+em;
    //      line-height: 77/(40*$abs320/$screen320)*$abs320/$screen320+em;
    //      background-color: #1a9ed9;
    //      border-radius: 8px;
    //      text-align: center;
    //      color: #fff;
    //      margin: 20/(40*$abs320/$screen320)*$abs320/$screen320+em 0;
    //    }
    //    .slogan1, .slogan2, .slogan3 {
    //      font-size: 22*$abs320/$screen320+em;
    //      line-height: 45/(22*$abs320/$screen320)*$abs320/$screen320+em;
    //      color: #6a6a6a;
    //      span {
    //        display: inline-block;
    //      }
    //      .left {
    //        width: 25%;
    //        text-align: center;
    //      }
    //      .right {
    //        width: 73%;
    //        vertical-align: top;
    //      }
    //    }
    //    .slogan4 {
    //      background-color: #e99900;
    //      margin: 8.92% auto 12.5%;
    //    }
    //    .esc {
    //      position: fixed;
    //      top: 75*$abs320/$screen320+em;
    //      right: 56*$abs320/$screen320+em;
    //    }
    //
    //  }
    //}

  }
  .staticPage {
    div.header {
      position: absolute;
      display: block;
      background-color: rgba(255, 255, 255, .5);
      .nav > li {
        a {
          color: #717171;
        }
        &.active {
          a {
            color: #ff7607;
          }
        }
      }
    }
    .staticPage1PageHeader {
      height: 420*$abs320/$screen320+em;
      background-color: #00a2ff;
      background-repeat: no-repeat;
      background-size: 100% auto;
      background-position: center bottom;
    }
    .content {
      img {
        width: 100%;
      }
    }
  }
  .copyright {
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: (35/(20*$abs320/$screen320))*$abs320/$screen320+em (25/(20*$abs320/$screen320))*$abs320/$screen320+em;
    font-size: 20*$abs320/$screen320+em;
    line-height: (30/(20*$abs320/$screen320))*$abs320/$screen320+em;
    //background-color: #fff;
  }
  .companyProfile {
    .title {
      text-align: center;
      .slogan1 {
        font-size: 60*$abs320/$screen320+em;
        height: 89/(60*$abs320/$screen320)*$abs320/$screen320+em;
        line-height: 160/(60*$abs320/$screen320)*$abs320/$screen320+em;
        color: #79a8df;
        z-index: 9;
      }
      .slogan2 {
        font-size: 46*$abs320/$screen320+em;
        height: 70/(46*$abs320/$screen320)*$abs320/$screen320+em;
        color: #fff;
        z-index: 8;
        text-transform: uppercase;

      }
    }
    .cont_detail {
      margin: 0 9.72%;
      padding-bottom: 22.22%;
      font-size: 20*$abs320/$screen320+em;
      line-height: 49/(20*$abs320/$screen320)*$abs320/$screen320+em;
      text-indent: 45/(20*$abs320/$screen320)*$abs320/$screen320+em;
      border-bottom: 1px solid #ddd;
    }
  }
  .speech {
    .title {
      text-align: center;
      .slogan1 {
        font-size: 60*$abs320/$screen320+em;
        height: 89/(60*$abs320/$screen320)*$abs320/$screen320+em;
        line-height: 160/(60*$abs320/$screen320)*$abs320/$screen320+em;
        color: #79a8df;
        z-index: 9;
        position: relative;

      }
      .slogan2 {
        font-size: 46*$abs320/$screen320+em;
        height: 70/(46*$abs320/$screen320)*$abs320/$screen320+em;
        color: #fff;
        z-index: 8;
        text-transform: uppercase;

      }
    }
    .cont_detail {
      margin: 0 9.72%;
      padding-bottom: 22.22%;
      font-size: 20*$abs320/$screen320+em;
      line-height: 49/(20*$abs320/$screen320)*$abs320/$screen320+em;
      text-indent: 45/(20*$abs320/$screen320)*$abs320/$screen320+em;
      border-bottom: 1px solid #ddd;
      p {
        img {
          width: 100%;
        }
      }
    }
  }

  .side {
    position: fixed;
    bottom: 10%;
    right: 25*$abs320/$screen320+em;
    .items1 > li {
      display: block;
      width: 70*$abs320/$screen320+em;
      height: 70*$abs320/$screen320+em;
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      &.to_top {
        display: none;
        background-image: url($img_url_app+ "imgy01.png");
        a {
          display: block;
          height: 100%;
        }
      }
      &.concat {
        background-image: url($img_url_app+ "imgy02.png");
        position: relative;
        &:hover {
          .items2 {
            right: 70*$abs320/$screen320+em;
          }
        }
        .items2 {
          position: absolute;
          right: -150px;
          transition: right 500ms linear 0ms;
          width: (4*36+5*2+3*8)*$abs320/$screen320+em;
          padding: 5*$abs320/$screen320+em;
          background-color: rgba(255, 255, 255, 0.5);
          border-radius: 5px;
          top: 50%;
          margin-top: -(40+5*2+3*2)/2*$abs320/$screen320+em;
          li {
            float: left;
            width: 36*$abs320/$screen320+em;
            height: 40*$abs320/$screen320+em;
            background-repeat: no-repeat;
            margin: 3*$abs320/$screen320+em;
            &.tel {
              background-image: url($img_url_app+ "imgy04.png");
              background-position: center top;
              background-size: 100% auto;
              .myCall {
                display: inline-block;
                width: 100%;
                height: 100%;
              }
            }
            &.wx {
              background-image: url($img_url_app+ "imgy03.png");
              background-position: center top;
              background-size: 100% auto;
            }
            &.left {
              background-image: url($img_url+ "img10.png");
              transform: rotate(-90deg);
              background-position: center;
              background-size: contain;
            }
            &.right {
              background-image: url($img_url+ "img11.png");
              transform: rotate(-90deg);
              background-position: center;
              background-size: contain;
            }
          }
        }
      }
    }
  }
  .esc {
    position: absolute;
    display: inline-block;
    width: 50/(50*$abs320/$screen320)*$abs320/$screen320+em;
    line-height: 50/(50*$abs320/$screen320)*$abs320/$screen320+em;
    height: 50/(50*$abs320/$screen320)*$abs320/$screen320+em;
    font-size: 50*$abs320/$screen320+em;
    top: 22/(50*$abs320/$screen320)*$abs320/$screen320+em;
    right: 15/(50*$abs320/$screen320)*$abs320/$screen320+em;
    text-align: center;
    border-radius: 50%;
    background-image: url($img_url+ "esc.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
  .dialog {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 9999;
    .dialog_cont {
      position: absolute;
      top: 70*$abs320/$screen320+em;
      bottom: 70*$abs320/$screen320+em;
      left: 40*$abs320/$screen320+em;
      right: 40*$abs320/$screen320+em;
      background-color: #fff;
      padding: 0 44*$abs320/$screen320+em;
      overflow: auto;
      .title {
        font-size: 42*$abs320/$screen320+em;
        height: 130/(42*$abs320/$screen320)*$abs320/$screen320+em;
        line-height: 156/(42*$abs320/$screen320)*$abs320/$screen320+em;
        width: 100%;
        text-align: center;
      }
      .esc {
        background-image: url($img_url_app+ "esc.png");
        position: fixed;
        top: 2em;
        right: 1.5em;
      }
      .overauto {
        width: 100%;
        .mywarning {
          border: 1px solid #f00 !important;
        }
        .applicationList {
          width: 100%;
          li {
            width: 100%;
            height: 100%;
            font-size: 30*$abs320/$screen320+em;
            height: (80/(30))+em;
            background-color: #f4f4f4;
            line-height: (80/30)+em;
            padding-left: 15.89%;
            border-radius: 3px;
            background-repeat: no-repeat;
            background-size: auto 50%;
            background-position: 4% center;
            margin: (11/30)+em 0;
            input {
              border: none;
              width: 100%;
              background-color: #f4f4f4;
            }

          }
          li.applicationItem1 {
            background-image: url($img_url_app+ "application1.png");
          }
          li.applicationItem2 {
            background-image: url($img_url_app+ "application2.png");
          }
          li.applicationItem3 {
            background-image: url($img_url_app+ "application3.png");
          }
          li.applicationItem4 {
            background-image: url($img_url_app+ "application4.png");
          }
          li.applicationItem5 {
            background-image: url($img_url_app+ "application5.png");
          }
        }
        .submit {
          border-radius: 3px;
          font-size: 40*$abs320/$screen320+em;
          height: 78/(40*$abs320/$screen320)*$abs320/$screen320+em;
          line-height: 78/(40*$abs320/$screen320)*$abs320/$screen320+em;
          width: 100%;
          text-align: center;
          color: #fff;
          margin: (30/40)+em 0;
          background-color: #1a9ed9;
        }
        .slogan1 {
          padding: 0 4.8%;
          width: 100%;
          font-size: 24*$abs320/$screen320+em;
          line-height: (50/24)+em;
          overflow: hidden;
          .left {
            width: 19.6%;
            display: inline-block;
            float: left;
          }
          .right {
            width: 78%;
            display: inline-block;
            float: right;

          }
        }
        .myCall {
          display: block;
          border-radius: 3px;
          font-size: 40*$abs320/$screen320+em;
          height: 78/(40*$abs320/$screen320)*$abs320/$screen320+em;
          line-height: 78/(40*$abs320/$screen320)*$abs320/$screen320+em;
          width: 100%;
          text-align: center;
          color: #fff;
          margin: (30/40)+em 0;
          background-color: #e99900;
          text-decoration: none;

        }
      }

    }

  }
  .warning {
    display: none;
    position: fixed;
    z-index: 99999;
    width: 50%;
    padding: 1%;
    top: 0;
    left: 50%;
    margin-left: -25%;
    border-radius: 0 0 5px 5px;
    background-color: #f00;
    color: #fff;
    font-size: 30*$abs320/$screen320+em;
    text-align: center;
  }
  .loading {
    display: none;
    position: fixed;
    z-index: 99999999999999999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .5) url($img_url+ "loading.gif") no-repeat center center;
  }
}

@media (min-width: 360px) and (max-width: 414px) {
  .mobile_none {
    display: none;
  }
  html, body, .AllForHtml {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    color: #333;
  }
  div.header {
    display: none;
    position: fixed;
    top: 0;
    height: 70*$abs360/$screen360+em;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 0px 5px #fff;
    z-index: 10;
    .nav_logo {
      display: inline-block;
      float: left;
      margin-left: 22*$abs360/$screen360+em;
      width: 23.75%;
      height: 100%;
      line-height: 70*$abs360/$screen360+em;
      img {
        width: 100%;
        vertical-align: middle;
      }
    }
    .nav {
      display: inline-block;
      float: left;
      margin-left: 12.08%;
      max-width: 48.63%;
      overflow: hidden;
      height: 100%;
    }
    .nav > li {
      float: left;
      height: 100%;
      display: none;
      margin: 0 4px;
      a {
        display: inline-block;
        height: 100%;
        line-height: (70/.8)*$abs360/$screen360+em;
        margin: 0 (3/.8)*$abs360/$screen360+em;
        padding: 0 1px;
        font-size: .8em;
        text-decoration: none;
        color: #575757;
        border-bottom: 2px solid transparent;
      }
      &.randomNav {
        display: inline-block;

      }
      &.active {
        display: inline-block;
        a {
          color: #ff7607 !important;
          border-bottom-color: #ff7607;
        }
      }
      &.first {
        display: block;
      }
    }
    .more {
      width: 13.88%;
      height: 100%;
      background-image: url($img_url_app+ "more.png");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 50% auto;
      float: right;
      ul {
        position: absolute;
        right: 0;
        z-index: 10;
        width: 29.16%;
        overflow: hidden;
        box-shadow: 0 0px 5px #cbe9f9;
        top: 70*$abs360/$screen360+em;
        li {
          width: 100%;
          border-bottom: 2px solid #fff;

          a {
            display: inline-block;
            font-size: .8em;
            padding: (26/.8)*$abs360/$screen360+em 0;
            width: 100%;
            text-align: center;
            background-color: #cbe9f9;

          }
          &.active > a {
            color: #ff7607;
          }
        }
      }
    }

  }
  body {
    font-size: $screen360+px;
  }
  .index {
    width: 100%;
    position: relative;
    overflow: hidden;
    background-size: 165% 100%;
    background-repeat: no-repeat;
    background-position: left center;
    div.header {
      .nav > li {
      }
    }
  }
  .index1 {
    background-image: url($index-bg);
    height: 1080*$abs360/$screen360+em;

    .top_logo {
      float: left;
      margin-left: 1.1em;
      margin-top: .55em;
      width: 25%;
      img {
        width: 100%;
      }
    }
    .topic {
      overflow: hidden;
      width: 88.88%;
      margin: 0 auto;
      text-align: left;
      .slogan1 {
        font-size: 1.345em;
        text-indent: 2.5em;
        //-webkit-min-font-size: 20px;
        color: #C6DCEE;
        height: (97/1.345)*$abs360/$screen360+em;
        line-height: (97/1.345)*$abs360/$screen360+em;
        font-family: "宋体";
      }

      .slogan2 {
        font-size: 1.66em;
        color: #fff;
        height: (97/1.66)*$abs360/$screen360+em;
        line-height: (97/1.66)*$abs360/$screen360+em;
        //-webkit-min-font-size: 20px;
      }
      .slogan3 {
        //font-size: 142.9%;
        color: #c5d7ea;
        text-indent: 2.5em;
        height: 97*$abs360/$screen360+em;
        line-height: 97*$abs360/$screen360+em;
        //-webkit-min-font-size: 20px;
      }
    }
    .footer {
      margin-top: (174-88)*$abs360/$screen360+em;
      width: 100%;
      i.add {
        display: none;
      }
      &:hover {
        //top:75.90% ;
        //transition:top 500ms linear 0s;

      }
      & > ul {
        width: 100%;
        display: flex;
        justify-content: space-around;
        flex-direction: row;
        flex-wrap: wrap;
        & > li {
          flex-basis: 25%;
          text-align: center;
          margin-top: 88*$abs360/$screen360+em;

          .items_box {
            display: none;
            width: 100%;
            height: 43.37%;
            background-color: rgba(205, 244, 254, 0.5);
            position: absolute;
            top: 0;
            left: 0;
            //right:0;
          }
          &:hover {
            .invertedTriangle {
              display: inline-block;

            }
          }
          .special {
            display: none;
            height: 10px;
          }
          .title {
            height: 35*$abs360/$screen360+em;
            font-size: .89em;
          }
          .item_img > img {
            width: 54%;
          }
          dl {
            dd {
              i.add {
                display: none;
                margin-top: 50px;
              }
            }
          }
        }
      }
      .overflow_open {
        display: none;
        width: 100%;
        height: 179px;
        overflow: hidden;

      }
    }
    .down {
      position: absolute;
      bottom: 30*$abs360/$screen360+em;
      width: 48*$abs360/$screen360+em;
      height: 48*$abs360/$screen360+em;
      border-radius: 50%;
      background-color: #fff;
      cursor: pointer;
      left: 50%;
      margin-left: -48/2*$abs360/$screen360+em;
      background: url($img_url_app+ "down.png") no-repeat center center;
      background-size: 100% auto;
    }
  }
  .index2 {
    height: 1080*$abs360/$screen360+em;
    background-image: url($img_url+ "img2-bg.png");
    .index_title {
      width: 100%;
      text-align: center;
      color: #000000;
      height: 260*$abs360/$screen360+em;
      .slogan1 {
        height: (195/1.38)*$abs360/$screen360+em;
        line-height: (290/1.38)*$abs360/$screen360+em;
        font-size: 1.38em;
      }
      .slogan2 {
        font-size: .68em;
        color: #1d7782;
      }
    }
    .content {
      width: 82.22%;
      height: 706*$abs360/$screen360+em;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      flex-direction: row;
      align-content: space-between;
      .section {
        height: 48%;
        //background-color: #f00;
        display: inline-block;
        background-repeat: no-repeat;
        background-size: cover;
      }
      .section1 {
        flex-basis: 100%;
        background-image: url($img_url_app+ "imgy1.jpg");
      }
      .section2 {
        flex-basis: 54.23%;
        height: 314*$abs360/$screen360+em;
        background-image: url($img_url_app+ "imgy6.jpg");

      }
      .section3 {
        flex-basis: 44.91%;
        height: 260*$abs360/$screen360+em;
        background-image: url($img_url_app+ "imgy5.jpg");
        margin-top: -20*$abs360/$screen360+em;
      }
      .section4 {
        display: none;
        //flex-basis: 31.82%;
        //background-image: url($img_url+ "img203.jpg");

      }
      .section5 {
        display: none;
        //flex-basis: 32.66%;
        //background-image: url($img_url+ "img201.jpg");

      }
    }
  }
  .index3 {
    height: 1142*$abs360/$screen360+em;
    background-image: url($img_url+ "img3-bg.png");
    .index_title {
      width: 100%;
      height: (130/1.51)*$abs360/$screen360+em;
      line-height: (125/1.51)*$abs360/$screen360+em;
      text-align: center;
      font-size: 1.51em;
      color: #000;
    }
    .content {
      margin: 0 auto;
      width: 82.22%;
      overflow: hidden;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      flex-direction: row;
      align-content: space-between;
      align-items: flex-end;
      .section {
        //background-color: #f00;
        display: inline-block;
        background-repeat: no-repeat;
        background-size: cover;
        .label {
          width: 100%;
          height: 100%;
          background-repeat: no-repeat;
          background-position: center center;
          background-size: 50%;
          background-image: url($img_url_app+ "imgy14.png");
          background-color: rgba(0, 0, 0, .5);
          color: #fff;
          font-size: 1em;
          text-align: center;
          display: flex;
          justify-content: center;
          align-items: center;
        }
      }
      .section1 {
        order: 1;
        width: 100%;
        height: 117/1.51*$abs360/$screen360+em;
        .title {
          display: none;
        }
        .discribe {
          width: 70%;
          margin: 0 auto;
          text-align: left;
          font-size: .78em;
          color: #6c6c6c;
          white-space: nowrap;
          & > P {
            height: 1.5em;
            line-height: 1.5em;
          }
          .mobile_spe {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 70%;
          }
        }
      }
      .section2 {
        order: 2;
        width: 100%;
        text-align: center;
        height: 110*$abs360/$screen360+em;
        line-height: 120*$abs360/$screen360+em;
        .slogan1, .slogan2, .slogan3 {
          display: none;
        }
        .slogan4 {
          color: #1d7782;
          font-size: .62em;
        }
      }
      .section3 {
        order: 3;
        width: 50%;
        height: 310*$abs360/$screen360+em;
        background-image: url($img_url+ "img301.jpg");
      }
      .section4 {
        order: 4;
        width: 50%;
        height: 310*$abs360/$screen360+em;
        background-image: url($img_url+ "img302.jpg");
      }
      .section5 {
        order: 5;
        width: 50%;
        height: 310*$abs360/$screen360+em;
        background-image: url($img_url+ "img303.jpg");
      }
      .section6 {
        order: 6;
        width: 50%;
        height: 310*$abs360/$screen360+em;
        background-image: url($img_url+ "img304.jpg");

      }
    }
  }
  .index4 {
    height: 720*$abs360/$screen360+em;
    overflow: visible;
    background-image: url($img_url+ "img4-bg.png");
    .index_title_spe {
      width: 93.88%;
      height: 270*$abs360/$screen360+em;
      margin: 0 auto;
      text-align: center;
      .slogan1 {
        color: #c4e1f4;
        font-size: (45/18)+em;
        height: (35/(45/18))*$abs360/$screen360+em;
        position: relative;
        top: -(40/(45/18))*$abs360/$screen360+em;
        z-index: 8;
      }
      .slogan2 {
        color: #000;
        font-size: 1.38em;
        height: (120/(1.38))*$abs360/$screen360+em;
        line-height: (120/(1.38))*$abs360/$screen360+em;
        z-index: 9;

      }
      .slogan3 {
        color: #7fa8c3;
        font-size: .82em;
        height: (65/(.82))*$abs360/$screen360+em;
      }
      .slogan4 {
        color: #24cad7;
        font-size: .9em;
        height: (50/(.9))*$abs360/$screen360+em;
      }

    }

    .content {
      width: 93.88%;
      height: 370*$abs360/$screen360+em;
      margin: 0 auto;
      .safe-city {
        nothing {
          width: 32.49%;
          height: 100%;
          display: inline-block;
          dt {
            width: 100%;
          }

        }

      }
      dd {
        display: none;
      }
      .safe-tu {
        padding-top: 3em;
        .safeT-text {
          font-size: 1em;
          line-height: 1em;
        }
      }

    }
  }
  .index5 {
    height: 1048*$abs360/$screen360+em;
    background-image: url($img_url+ "img5-bg.png");
    .index_title_spe {
      width: 82.81%;
      margin: 0 auto;
      text-align: center;
      .slogan1 {

      }
      .slogan2 {
        height: (123/2.5)*$abs360/$screen360+em;
        line-height: (119*2/2.5)*$abs360/$screen360+em;
        color: #c4e1f2;
        font-size: 2.18em;
        z-index: 8;

      }
      .slogan3 {
        height: (50/1.38)*$abs360/$screen360+em;
        line-height: (50/1.38)*$abs360/$screen360+em;
        color: #000;
        font-size: 1.38em;
        z-index: 9;

      }
      .slogan4 {
        height: (82/1.89)*$abs360/$screen360+em;
        line-height: (82/1.89)*$abs360/$screen360+em;

        color: #c4e1f2;
        font-size: 1.89em;

      }
      .slogan5 {
        font-size: .9em;
        height: (40/0.9)*$abs360/$screen360+em;
        z-index: 9;
        color: #24cad7;
      }
    }
    .content {
      .list {
        width: 89.16%;
        margin: 0 auto;
        li {
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap;
          justify-content: space-between;
          .left {
            display: flex;
            width: 26.59%;
            height: (179/.88)*$abs360/$screen360+em;
            font-size: .88em;
            text-align: center;
            justify-content: center;
            align-items: center;
            background: url($img_url_app+ "imgy15.png") no-repeat center center;
            background-size: contain;
          }
          .right {
            width: 73.41%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            .title {
              font-size: .83em;
              margin: (3/.83)*$abs360/$screen360+em 0;
            }
            .discribe {
              font-size: .68em;
              color: #878787;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            }
          }
        }
        & > li:nth-child(even) {
          padding-left: 6.27%;
        }
      }
    }

  }
  .index6 {
    text-align: center;
    height: 889*$abs360/$screen360+em;
    .index_title_spe {
      .slogan1 {
        color: #ddecf7;
        height: (75/3.8)*$abs360/$screen360+em;
        font-size: 3.8em;
        z-index: 8;

      }
      .slogan2 {
        font-size: 1.38em;
        height: (63/1.38)*$abs360/$screen360+em;
        z-index: 9;
      }
      .slogan3 {
        color: #24cad7;
        font-size: .9em;
        height: (63/.9)*$abs360/$screen360+em;
      }
    }
    .content {
      padding: 0 9.44%;
      margin-top: 50*$abs360/$screen360+em;
      & > div {
        width: 48%;
        height: 320*$abs360/$screen360+em;
        display: inline-block;
        dd {
          display: none;
        }
        dt {
          width: 100%;
          height: 215*$abs360/$screen360+em;
          background-repeat: no-repeat;
          background-size: 50% auto;
          background-position: center top;
          .title {
            display: block;
            height: 215*$abs360/$screen360+em;
            line-height: (195*2)*$abs360/$screen360+em;
          }

        }
        &:nth-child(1) {
          dt {
            background-image: url($img_url_app+ "jyicon1.png");
          }
        }
        &:nth-child(2) {
          dt {
            background-image: url($img_url_app+ "jyicon2.png");
          }
        }
        &:nth-child(3) {
          dt {
            background-image: url($img_url_app+ "jyicon3.png");
          }
        }
        &:nth-child(4) {
          dt {
            background-image: url($img_url_app+ "jyicon4.png");
          }
        }
      }
    }
  }
  .index7 {
    height: 1000*$abs360/$screen360+em;
    background-image: url($img_url+ "img6-bg.png");
    .index_title_spe {
      text-align: center;
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      .slogan1 {
        flex-basis: 100%;
        color: $title_color;
        height: (84/1.8)*$abs360/$screen360+em;
        line-height: (84/1.8)*$abs360/$screen360+em;
        order: 2;
        font-size: 1.8em;
      }
      .slogan2 {
        flex-basis: 100%;
        color: #414141;
        height: (117/1.38)*$abs360/$screen360+em;
        line-height: (120/1.38)*$abs360/$screen360+em;
        order: 1;
        font-size: 1.38em;

      }

    }
    .content {
      width: 68%;
      overflow: visible;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      flex-direction: column;
      height: 697*$abs360/$screen360+em;
      .section {
        display: inline-block;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        text-align: center;
        height: 342*$abs360/$screen360+em;
        .box_flow {
          height: 100%;
          .title {
            height: 100%;
            color: #fff;
            font-size: 1em;
            width: 100%;
            display: block;
            line-height: 192*$abs360/$screen360+em;
            background-image: linear-gradient(165deg, #93cef1 0%, #93cef1 55%, rgba(255, 255, 255, 0) 56%, rgba(255, 255, 255, 0) 100%);
          }
          .list {
            display: none;
          }
        }

        position: relative;
      }
      .section1 {
        order: 1;
        width: 48.15%;
        background-image: url($img_url+ "img604.jpg");
        .title {
        }
      }
      .section2 {
        order: 2;
        width: 48.77%;
        background-image: url($img_url+ "img603.jpg");
      }
      .section3 {
        order: 3;
        width: 48.15%;
        background-image: url($img_url+ "img602.jpg");
        position: relative;
        top: 40*$abs360/$screen360+em;
      }
      .section.last {
        position: relative;
        top: 40*$abs360/$screen360+em;
        order: 4;
        width: 48.77%;
        background-color: #5bc3e7;
        .title {
          height: (5em/.875);
          font-size: .875em;
          color: #fff;
          line-height: (5em/.875);
          background-color: transparent;
          opacity: 1;
        }
        a.button {
          text-decoration: none;
          display: inline-block;
          color: #fff;
          width: 66.66%;
          height: (48/.875)*$abs360/$screen360+em;
          border-radius: 5px;
          border: 1px solid #fff;
          line-height: (48/.875)*$abs360/$screen360+em;
          font-size: .875em;
        }
      }
    }

  }
  .index8 {
    height: 990*$abs360/$screen360+em;

    .index_title_spe {
      text-align: center;
      width: 100%;
      .slogan1 {
        height: (200/4)*$abs360/$screen360+em;
        line-height: (200/4)*$abs360/$screen360+em;
        font-size: 4em;
        z-index: 8;
        color: #d9ebf7;
      }
      .slogan2 {
        width: 100%;
        z-index: 9;
        height: 0;
        position: relative;
        top: -60*$abs360/$screen360+em;
        font-size: 1.38em;

      }
      .slogan3 {
        width: 100%;
        height: (119/1)*$abs360/$screen360+em;
        line-height: (64/1)*$abs360/$screen360+em;
        font-size: .62em;
        color: #1d7782;
      }
    }
    .content {
      width: 81.94%;
      margin: 0 auto;
      height: 560*$abs360/$screen360+em;
      position: relative;
      overflow: hidden;
      ul {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        li {
          float: left;
          width: 50%;
          height: 33.33%;
          overflow: hidden;
          text-align: center;
          vertical-align: middle;
          img {
            max-width: 100%;
            max-height: 100%;
          }
          cursor: pointer;
        }
        .myslideCont1, .myslideCont3 {
          border-right: 1px dotted #a4a4a4;
          border-bottom: 1px dotted #a4a4a4;
        }
        .myslideCont2, .myslideCont4 {
          border-bottom: 1px dotted #a4a4a4;
        }
        .myslideCont5 {
          border-right: 1px dotted #a4a4a4;
        }
      }

    }
    ul.current {
      position: absolute;
      bottom: 20*$abs360/$screen360+em;
      text-align: center;
      width: 100%;
      li {
        display: inline-block;
        width: 10*$abs360/$screen360+em;
        height: 10*$abs360/$screen360+em;
        margin: 0 15*$abs360/$screen360+em;
        border-radius: 50%;
        background-color: #dadfe2;
      }
      li.active {
        background-color: #ff971c;

      }
    }
  }
  .index9 {
    height: 1015*$abs360/$screen360+em;
    background-image: url($img_url+ "img7-bg.png");
    .index_title_spe {
      text-align: center;
      margin: 0 auto;
      .slogan1 {
        color: #b8dcf5;
        font-weight: 500;
        height: 200*$abs360/$screen360+em;
        line-height: 260*$abs360/$screen360+em;
        span {
          font-size: 32/$screen360+em;
        }
      }
      .slogan2 {
        height: 70*$abs360/$screen360+em;
        line-height: 70*$abs360/$screen360+em;
        order: 1;
        color: #000;
        position: absolute;
        top: 70*$abs360/$screen360+em;
        width: 100%;
        text-align: center;
        span {
          font-size: 1.38em;
        }
      }
    }
    .content {
      width: 70.83%;
      margin: 0 auto;
      overflow: hidden;
      .us_list {
        width: 100%;
        overflow: hidden;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        flex-direction: row;
        li {
          position: relative;
          background-color: #89c5e4;
          height: 140*$abs360/$screen360+em;
          width: 31.87%;
          text-align: right;
          img.img_list {
            display: none;
            margin: 0 auto;
            width: 85%;
          }
          .us_title {
            position: absolute;
            bottom: 20*$abs360/$screen360+em;
            right: 20*$abs360/$screen360+em;
            & > img {
              width: 25%;
            }
            & > div {
              display: inline-block;
              color: #fff;
              font-size: 20*$abs360/$screen360+em;
              .small {
                font-size: .5em;
              }
              font-weight: 500;
            }
          }
          &:nth-child(3n-1) {
            margin-top: 10*$abs360/$screen360+em;
          }
          &:nth-child(even) {
            background-color: #96d1ef;

          }
        }
      }
      .map_box {
        width: 100%;
        height: 240*$abs360/$screen360+em;
        background-color: #96d1ef;
        position: relative;
        margin-top: 30*$abs360/$screen360+em;
        #map {
          position: absolute;
          top: 3*$abs360/$screen360+em;
          bottom: 3*$abs360/$screen360+em;
          left: 3*$abs360/$screen360+em;
          right: 3*$abs360/$screen360+em;
          overflow: hidden;
        }
      }

    }
    .copyright {
      position: absolute;
      bottom: 0;
      width: 100%;
      text-align: center;
      margin: 0 auto;
      background-color: transparent;
      font-size: 20*$abs360/$screen360+em;
      & > p {
        margin: 10*$abs360/$screen360+em auto;
      }

    }
  }

  ._2index1 {
    div.header {
      position: absolute;
      display: block;
      background-color: rgba(255, 255, 255, 0.3);
      .nav > li {
        a {
          color: #797979;
        }
      }
    }
    div._2header {
      height: 390*$abs360/$screen360+em;
      background-color: #1287f0;
      background-image: url($img_url_app+ "index1_11.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      color: #fff;
      padding-left: 11%;
      .slogan1 {
        width: 79%;
        height: (190/1.5)*$abs360/$screen360+em;
        line-height: (314/1.5)*$abs360/$screen360+em;
        font-size: 1.5em;
      }
      .slogan2 {
        width: 39%;
        font-size: .8em;
        line-height: (45/.8)*$abs360/$screen360+em;
      }
    }
    ._2nav {
      width: 100%;
      text-align: left;
      border-bottom: 1px solid #ddd;
      overflow-x: auto;
      .x-overflow {
        width: 150%;
        .item {
          text-align: center;
          cursor: pointer;
          display: inline-block;
          font-size: 1em;
          line-height: (80/1)*$abs360/$screen360+em;
          padding: 0 (3/1)*$abs360/$screen360+em;
          margin: 0 3.07%;
          border-bottom: 1px solid transparent;
          &.active {
            border-bottom-color: #05a4cc;
            color: #05a4cc;
          }
        }
      }

    }
    ._2article {
      text-align: center;
      padding: 0 15*$abs360/$screen360+em;
      background-color: #eef3f7;
      overflow: hidden;
      position: absolute;
      top: (394+80)*$abs360/$screen360+em;
      bottom: 120*$abs360/$screen360+em;
      left: 0;
      right: 0;
      #scroller {
        position: absolute;
        width: 100%;
        .nodata {
          display: block;
          width: 100%;
          margin: 3px 0;
          text-align: center;
        }
        ul {
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          justify-content: space-between;
          align-items: flex-start;
          overflow: hidden;
          padding-bottom: 100*$abs360/$screen360+em;
          li.item {
            text-align: center;
            width: 40.27%;
            display: inline-block;
            margin: 0 25*$abs360/$screen360+em;
            &.active {
              color: #00a6ca;
            }
            dl {
              width: 100%;
              dt {
                height: 270*$abs360/$screen360+em;
                line-height: 270*$abs360/$screen360+em;
                overflow: hidden;
                img {
                  width: 100%;
                  vertical-align: middle;
                }
              }
              dd {
                width: 100%;
                span {
                  display: inline-block;
                  line-height: 50*$abs360/$screen360+em;
                  color: #2a2a2a;
                  margin: 20*$abs360/$screen360+em 0;
                }
              }
            }
          }
        }
      }

    }

    .copyright {
      position: absolute;
    }
  }
  .solution {
    div.header {
      position: absolute;
      display: block;
      background-color: rgba(255, 255, 255, .7);
      .nav > li {
        a {
          color: #797979;
        }
      }
    }
    .solutionHeader {
      width: 100%;
      height: 370*$abs360/$screen360+em;
      img {
        height: 100%;
        width: 100%;
      }
    }
    .content {
      img {
        width: 100%;
      }
    }
  }
  .graphicSubPage {
    overflow: hidden;
    background-color: #fff;
    div.header {
      position: absolute;
      display: block;
      background-color: rgba(255, 255, 255, .5);
      .nav > li {
        a {
          color: #908d94;
        }
        &.active {
          a {
            color: #ff7607;
          }
        }
      }
    }
    .graphicSubPageHeader {
      height: 391*$abs360/$screen360+em;
      background: url($img_url_app+ "graph_bg.png");
      background-repeat: no-repeat;
      background-size: cover;
      overflow: hidden;
      .slogan1 {
        font-size: 55*$abs360/$screen360+em;
        line-height: 75/(55*$abs360/$screen360)*$abs360/$screen360+em;
        margin-top: 168/(55*$abs360/$screen360)*$abs360/$screen360+em;
        text-align: center;
        color: #fffefe;
      }
    }
    .content {
      padding: 0 29*$abs360/$screen360+em;
      .title0 {
        height: 48*$abs360/$screen360+em;
        border-bottom: 1px solid #98ebed;
        text-align: center;
        span {
          font-size: 30*$abs360/$screen360+em;
          line-height: 96/(30*$abs360/$screen360)*$abs360/$screen360+em;
          padding: 0 25/(30*$abs360/$screen360)*$abs360/$screen360+em;
          background-color: #fff;
          font-weight: 600;
        }
      }
      .title1 {
        font-size: 26*$abs360/$screen360+em;
        line-height: 150/(26*$abs360/$screen360)*$abs360/$screen360+em;
        height: 110/(26*$abs360/$screen360)*$abs360/$screen360+em;
        text-indent: 28/(26*$abs360/$screen360)*$abs360/$screen360+em;
        padding: 0 33/(26*$abs360/$screen360)*$abs360/$screen360+em;
        color: #04a3cb;
        font-weight: 600;
      }
      .introduction {
        line-height: 40/(20*$abs360/$screen360)*$abs360/$screen360+em;
        font-size: 20*$abs360/$screen360+em;
        color: #5e5c5c;
        padding: 0 33/(26*$abs360/$screen360)*$abs360/$screen360+em;
        img {
          width: 100%;
        }
      }
      .showmoreIntroduction {
        line-height: 140/(20*$abs360/$screen360)*$abs360/$screen360+em;
        height: 130/(20*$abs360/$screen360)*$abs360/$screen360+em;
        font-size: 20*$abs360/$screen360+em;
        color: #1c7480;
        text-align: center;
      }
    }
    //.content2 {
    //  ul.characteristic {
    //    width: 100%;
    //    li {
    //      width: 100%;
    //      overflow: hidden;
    //      border-bottom: 1px solid #dce6ee;
    //      .left {
    //        width: 22.65%;
    //        float: left;
    //        font-size: 44*$abs360/$screen360+em;
    //        height: 96/(44*$abs360/$screen360)*$abs360/$screen360+em;
    //        line-height: 126/(44*$abs360/$screen360)*$abs360/$screen360+em;
    //        color: #66b699;
    //        text-align: center;
    //        font-family: "宋体";
    //        font-style: italic;
    //      }
    //      .slogan1 {
    //        float: right;
    //        width: 77%;
    //        font-size: 20*$abs360/$screen360+em;
    //        height: 96/(20*$abs360/$screen360)*$abs360/$screen360+em;
    //        line-height: 116/(20*$abs360/$screen360)*$abs360/$screen360+em;
    //        color: #333333;
    //      }
    //    }
    //    margin-bottom: 36*$abs360/$screen360+em;
    //  }
    //  & > .slogan3 {
    //    font-size: 20*$abs360/$screen360+em;
    //    line-height: 40/(20*$abs360/$screen360)*$abs360/$screen360+em;
    //    margin: 60/(20*$abs360/$screen360)*$abs360/$screen360+em 33/(20*$abs360/$screen360)*$abs360/$screen360+em 0;
    //    border-bottom: 1px solid #dce6ee;
    //  }
    //}

  }
  .fiscalFunds {
    overflow: hidden;
    background-color: #fff;
    div.header {
      position: absolute;
      display: block;
      background-color: rgba(255, 255, 255, .5);
      .nav > li {
        a {
          color: #908d94;
        }
        &.active {
          a {
            color: #ff7607;
          }
        }
      }
    }
    .fiscalFundsHeader {
      height: 375*$abs360/$screen360+em;
      background-color: #4ca1d0;
      padding-left: 8%;
      overflow: hidden;
      .slogan1 {
        font-size: 48*$abs360/$screen360+em;
        color: #fefefe;
        margin-top: 152/(48*$abs360/$screen360)*$abs360/$screen360+em;
      }
      .slogan2 {
        font-size: 30*$abs360/$screen360+em;
        margin-top: 43/(30*$abs360/$screen360)*$abs360/$screen360+em;
        color: #feffff;
      }
    }
    .content {
      width: 100%;
      overflow: hidden;
      .step {
        padding: 0 7.91%;
        overflow: hidden;
        .steptitle {
          height: 130*$abs360/$screen360+em;
          line-height: 130*$abs360/$screen360+em;
          margin: 2.96% 0;
          padding-left: .59em;
          .slogan1 {
            display: inline-block;
            background-color: #ffa631;
            transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            width: 91*$abs360/$screen360+em;
            height: 91*$abs360/$screen360+em;
            line-height: 91*$abs360/$screen360+em;
            text-align: center;
            span {
              color: #fefefe;
              font-size: 48.4*$abs360/$screen360+em;
              transform: rotate(-45deg);
              -ms-transform: rotate(-45deg);
              -moz-transform: rotate(-45deg);
              -webkit-transform: rotate(-45deg);
              display: inline-block;
            }
          }
          .slogan2 {
            display: inline-block;
            font-size: 36*$abs360/$screen360+em;
            color: #000000;
            margin-left: 5.6%;
          }
        }
      }
      .step1 {
        background-color: #eceae5;
        background-image: url($img_url_app+ "caizhen1app.png");
        background-size: 100% 55%;
        background-repeat: no-repeat;
        .financialSituation {
          margin-top: -10*$abs360/$screen360+em;
          margin-bottom: 6.5%;
          .right, .left {
            display: block;
            font-size: 22*$abs360/$screen360+em;
            height: 45/(22*$abs360/$screen360)*$abs360/$screen360+em;
            line-height: 45/(22*$abs360/$screen360)*$abs360/$screen360+em;
            white-space: nowrap;

          }
          .item1 {
            margin-left: 32.28%;
          }
          .item2 {
            margin-left: 42.83%;
          }
          .item3, .item4 {
            margin-left: 48.59%;
          }
          .item5 {
            margin-left: 37.89%;
          }
        }
        .solutionWay {
          .slogan1 {
            margin-bottom: 7.08%;
            font-size: 36*$abs360/$screen360+em;
            margin-top: -20/(36*$abs360/$screen360)*$abs360/$screen360+em;
            color: #003f6f;
            text-align: center;
          }
          .left {
            height: 250*$abs360/$screen360+em;
            width: 100%;
            background-image: url($img_url+ "caizhen2.png");
            background-repeat: no-repeat;
            background-size: 97% auto;
            background-position: center;
            position: relative;
            .I3_but {
              font-size: 24*$abs360/$screen360+em;
              color: #5b5b5b;
              position: absolute;
            }
            .I3_but1, .I3_but2 {
              top: 0;
            }
            .I3_but3, .I3_but4 {
              bottom: 0;
            }
            .I3_but1 {
              left: 10/(24*$abs360/$screen360)*$abs360/$screen360+em;
            }
            .I3_but2 {
              left: 51.07%;
            }
            .I3_but3 {
              left: 26%;
            }
            .I3_but4 {
              right: 0;
            }
          }
          padding-bottom: 7.41%;
        }
      }
      .step2 {
        .steptitle {
          .slogan1 {
            background-color: #92cd3e;
          }
        }
        .I4_mainall {
          height: 615*$abs360/$screen360+em;
          position: relative;
          .I4M_main {
            width: 33.33%;
            text-align: center;
            position: absolute;
            img {
              width: 56.83%;
            }
            & > div {
              font-size: 22*$abs360/$screen360+em;
            }
          }
          .item1 {
            top: 70*$abs360/$screen360+em;
            left: (70-43.66)*$abs360/$screen360+em;
          }
          .item2 {
            top: 27*$abs360/$screen360+em;
            left: (310-43.66)*$abs360/$screen360+em;
          }
          .item3 {
            top: 229*$abs360/$screen360+em;
            left: (248-43.66)*$abs360/$screen360+em;
          }
          .item4 {
            top: 182*$abs360/$screen360+em;
            left: (456-43.66)*$abs360/$screen360+em;
          }
          .item5 {
            top: 270*$abs360/$screen360+em;
            left: (48-43.66)*$abs360/$screen360+em;
          }
          .item6 {
            top: 418*$abs360/$screen360+em;
            left: (210-43.66)*$abs360/$screen360+em;
          }
          .item7 {
            top: 399*$abs360/$screen360+em;
            left: (410-43.66)*$abs360/$screen360+em;
          }

        }
        & > .slogan1 {
          font-size: 22*$abs360/$screen360+em;
          color: #003f6f;
        }
      }
      .step3 {
        padding-bottom: 2.77%;
        background-color: #e6ebf0;
        .steptitle {
          .slogan1 {
            background-color: #3fb3de;
          }
        }
        .list1 {
          width: 100%;
          li.item1 {
            background-color: #fff;
            padding: 0 1.67%;
            margin-bottom: 1.64%;
            &.active {
              .list2 {
                height: auto;
              }
            }
            .left {
              position: relative;
              height: 95*$abs360/$screen360+em;
              line-height: 95*$abs360/$screen360+em;
              & > div {
                text-indent: 9.88%;
                font-size: 34.15*$abs360/$screen360+em;
              }
              .icon {
                position: absolute;
                top: 0;
                right: 0;
                display: inline-block;
                height: 100%;
                width: 16.47%;
                background: url($img_url_app+ "caizhen2app.png") no-repeat center;
                background-size: auto 25%;
                transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                -webkit-transform: rotate(180deg);
              }
            }
            .list2 {
              height: 0;
              overflow: hidden;
              transition: height 500ms linear 0s;
              width: 100%;
              border-top: 1px solid #d2d2d2;
              .item2 {
                width: 50%;
                padding: 2.89% 0;
                display: inline-block;
                & > div {
                  font-size: 24*$abs360/$screen360+em;
                  height: 56/(24*$abs360/$screen360)*$abs360/$screen360+em;
                  line-height: 56/(24*$abs360/$screen360)*$abs360/$screen360+em;
                  white-space: nowrap;
                  padding-left: 5%;
                  color: #7f7f7f;

                }
              }
            }
          }
        }
      }
      .step4 {
        .steptitle {
          .slogan1 {
            background-color: #35ae52;
          }
        }
        .list {
          width: 100%;
          li {
            overflow: hidden;
            width: 100%;
            height: 108*$abs360/$screen360+em;
            border: 1px solid #3bb9bd;
            margin: 2.14% 0;
            &:nth-child(even) {
              padding-left: 9.88%;
            }
            .number {
              float: left;
              width: 21.25%;
              height: 100%;
              font-size: 44*$abs360/$screen360+em;
              color: #66b699;
              background-image: url($img_url_app+ "caizhen3app.png");
              background-repeat: no-repeat;
              background-position: center;
              background-size: 68.21% auto;
              text-align: center;
              line-height: 108/(44*$abs360/$screen360)*$abs360/$screen360+em;
            }
            .slogan1 {
              float: left;
              width: 78%;
              font-size: 26*$abs360/$screen360+em;
              margin-top: 3%;
              color: #313131;
            }
            .slogan2 {
              float: left;
              width: 78%;
              text-overflow: ellipsis;
              white-space: nowrap;
              overflow: hidden;
              font-size: 18*$abs360/$screen360+em;
              color: #7a7a7a;
            }
          }
        }
      }
      .step5 {
        .steptitle {
          .slogan1 {
            background-color: #3bb9bd;
          }
        }
        .right {
          .slogan1 {
            font-size: 24*$abs360/$screen360+em;
            color: #003f6f;
          }
          .list {
            width: 100%;
            padding: 11.53% 0;
            border-bottom: 1px solid #68abce;
            li {
              overflow: hidden;
              .number {
                display: inline-block;
                position: relative;
                border: 2px solid #3bb9bd;
                width: 89*$abs360/$screen360+em;
                height: 89*$abs360/$screen360+em;
                border-radius: 50%;
                float: left;
                span {
                  display: inline-block;
                  width: 75*$abs360/$screen360+em;
                  height: 75*$abs360/$screen360+em;
                  line-height: 75*$abs360/$screen360+em;
                  text-align: center;
                  color: #fff;
                  background-color: #3bb9bd;
                  position: absolute;
                  right: 4/(75*$abs360/$screen360)*$abs360/$screen360+em;
                  bottom: 4/(75*$abs360/$screen360)*$abs360/$screen360+em;
                  border-radius: 50%;
                }
              }
              .slogan2 {
                margin-top: 18/(26*$abs360/$screen360)*$abs360/$screen360+em;
                margin-left: 27/(26*$abs360/$screen360)*$abs360/$screen360+em;
                display: inline-block;
                font-size: 26*$abs360/$screen360+em;
                line-height: 50/(26*$abs360/$screen360)*$abs360/$screen360+em;
                padding-right: 10/(26*$abs360/$screen360)*$abs360/$screen360+em;
                color: #4b4b4b;
                float: left;
                border-bottom: 2px solid #d1d1d1;
              }

            }
            .item1 {
              padding-left: 3.62%;
            }
            .item2 {
              margin-top: -10*$abs360/$screen360+em;
              padding-left: 16.47%;
            }
            .item3 {
              margin-top: -10*$abs360/$screen360+em;
              padding-left: 28.83%;
            }
          }
        }
      }
    }
  }
  ._2index8 {
    background-color: #e8edf1;
    //height: 100%;
    div.header {
      position: absolute;
      display: block;
      background-color: rgba(255, 255, 255, .5);
      .nav > li {
        a {
          color: #908d94;
        }
        &.active {
          a {
            color: #ff7607;
          }
        }
      }
    }
    div._2header {
      & > div {
        height: 100%;
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-position: center;
        overflow:hidden;
      }
      height: 420*$abs360/$screen360+em;
      color: #fff;
      overflow: hidden;
      .article1 {
        background-image: url($img_url+ "inde8_header1.png");
      }
      .article2 {
        background-image: url($img_url+ "inde8_header1.png");
      }
      .article3 {
        background-image: url($img_url+ "enterpriseHonor1.png");
        .slogan1 {
          color: #fff;
          margin: 24.1% 0 0 27.91%;
          font-size: 59.93*$abs360/$screen360+em;
        }
      }
      .article4 {
        height: 100%;
        background-color: #a0b9d5;
        background-image: url($img_url+ "inden8_1.png");
        background-size: auto 100%;
        background-position: left center;
        .slogan1 {
          height: (200/(68*$abs360/$screen360))*$abs360/$screen360+em;
          line-height: (320/(68*$abs360/$screen360))*$abs360/$screen360+em;
          font-size: 68*$abs360/$screen360+em;
          text-indent: 13.19%;
        }
        .slogan2 {
          height: (130/(68*$abs360/$screen360))*$abs360/$screen360+em;
          line-height: (200/(68*$abs360/$screen360))*$abs360/$screen360+em;
          font-size: 68*$abs360/$screen360+em;
          text-indent: 43%;

        }
      }
      .article5 {
        overflow: hidden;
        .slogan1 {
          color: #fff;
          margin: 24.1% 0 0 17.91%;
          font-size: 59.93*$abs360/$screen360+em;
        }
        height: 100%;
        background-image: url($img_url_app+ "enterprise1.png");
        background-size: cover;
      }
    }
    ._2nav {
      display: none;
    }
    ._2section {
      display: none;
    }
    ._2article {
      text-align: left;
      padding: 60*$abs360/$screen360+em 9.722% 0;
      overflow: hidden;
      margin: 0 auto;
      display: inline-block;
      .news_cont {
        width: 100%;
        float: right;
        .cont_header {
          text-align: left;
          .title {
            height: (54/1.09)*$abs360/$screen360+em;
            line-height: (54/1.09)*$abs360/$screen360+em;
            font-size: 1.09em;
          }
          .relatedData {
            height: (89/0.69)*$abs360/$screen360+em;
            line-height: (89/0.69)*$abs360/$screen360+em;
            font-size: 0.69em;
            & > div {
              display: inline-block;
              color: #9d9d9d;
            }
            .type {
              display: none;
            }
          }
        }
        .cont_detail {
          border-bottom: 1px dotted #0d3349;
          border-top: 1px dotted #0d3349;
          text-indent: 4.8%;
          line-height: (45/0.69)*$abs360/$screen360+em;
          padding-top: (35/0.69)*$abs360/$screen360+em;
          padding-bottom: 70px;
          font-size: 0.69em;
        }
        .article_change {
          display: none;
        }
      }

    }
    .newsList_title {
      width: 100%;
      text-align: center;
      .slogan1 {
        height: (145/2)*$abs360/$screen360+em;
        line-height: (120/2)*$abs360/$screen360+em;
        font-size: 2em;
        color: #79a8df;
        z-index: 9;
      }
      .slogan2 {
        font-size: 2em;
        height: 0;
        position: relative;
        top: -(90/2)*$abs360/$screen360+em;
        color: #fff;
        z-index: 8;
      }
    }

    .view_box {
      ._2newsDetail {
        padding: 0 9.722%;
        //margin-bottom: 22.22%;
        .news_cont {
          .cont_header {
            border-bottom: 1px dotted #bfc3c6;
            .title {
              font-size: 36*$abs360/$screen360+em;
              height: 92/(36*$abs360/$screen360)*$abs360/$screen360+em;
              line-height: 132/(36*$abs360/$screen360)*$abs360/$screen360+em;
            }
            .relatedData {
              font-size: 24*$abs360/$screen360+em;
              height: 90/(24*$abs360/$screen360)*$abs360/$screen360+em;
              line-height: 90/(24*$abs360/$screen360)*$abs360/$screen360+em;
              color: #6c6c6c;
            }
          }
          .cont_detail {
            font-size: 18*$abs360/$screen360+em;
            line-height: 40/(18*$abs360/$screen360)*$abs360/$screen360+em;
            color: #252525;
            text-indent: 43/(18*$abs360/$screen360)*$abs360/$screen360+em;
            margin: 45/(18*$abs360/$screen360)*$abs360/$screen360+em 0 0 0;
            padding-bottom: 45/(18*$abs360/$screen360)*$abs360/$screen360+em;
            border-bottom: 1px solid #ddd;
            min-height: 300/(18*$abs360/$screen360)*$abs360/$screen360+em;
          }
        }
      }
      .followUs {
        overflow: hidden;
        background-color: #fff;
        .enterpriseHonorHeader {
          height: 420*$abs360/$screen360+em;
          background-color: #9b6b3b;

          overflow: hidden;
          .slogan1 {

          }
        }
        .content {
          padding: 50*$abs360/$screen360+em 6.94% 0 6.94%;
          width: 100%;
          ul.honors {
            width: 100%;
            //overflow: hidden;
            padding-bottom: 9.72%;
            border-bottom: 1px solid #dad7d7;
            & > li {
              display: inline-block;
              border: 1px solid #bbd4d9;
              width: 46.38%;
              box-shadow: 0 0 20px #a9dce9;
              margin-bottom: 30*$abs360/$screen360+em;
              .enterpriseHonor_title {
                margin: 15*$abs360/$screen360+em 15*$abs360/$screen360+em 0 15*$abs360/$screen360+em;
                img {
                  width: 100%;
                }
              }
              .enterpriseHonor_info {
                border-top: 1px solid #dbdbdb;
                height: 66*$abs360/$screen360+em;
                line-height: 66*$abs360/$screen360+em;
                text-align: center;
                .jia {
                  display: inline-block;
                  width: 35*$abs360/$screen360+em;
                  height: 35*$abs360/$screen360+em;
                  line-height: 35*$abs360/$screen360+em;
                  text-align: center;
                  border: 1px solid #ddd;
                  border-radius: 50%;
                  color: #4095a9;
                  background-image: url($img_url_app+ "jia.png");
                  background-repeat: no-repeat;
                  background-position: center;
                  background-size: 70%;
                }
              }
              &:nth-child(even) {
                //float: right;
                margin-left: 7.2%;
              }
              &:nth-child(odd) {
                //float: left;
              }
            }
          }
        }
        .dialog {
          position: fixed;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          background-color: rgba(0, 0, 0, 0.5);
          .certificate {
            position: absolute;
            top: 21.12%;
            height: 910*$abs360/$screen360+em;
            overflow: auto;
            left: 6.86%;
            right: 6.86%;
            background-color: #fff;
            border-radius: 8px;
            padding: 12% 5.84% 6%;
            .certificateImg {
              width: 100%;
              text-align: center;
              img {
                margin: 0 auto;
                max-width: 100%;
                max-height: 327*$abs360/$screen360+em;
                border-radius: 8px;
              }
            }
            .certificateName {
              color: #70b6ef;
              font-size: 25*$abs360/$screen360+em;
              height: 26/(25*$abs360/$screen360)*$abs360/$screen360+em;
              line-height: 26/(25*$abs360/$screen360)*$abs360/$screen360+em;
              border-left: 3px solid #70b6ef;
              margin: 30/(25*$abs360/$screen360)*$abs360/$screen360+em 0 20/(25*$abs360/$screen360)*$abs360/$screen360+em;
              text-indent: 13/(25*$abs360/$screen360)*$abs360/$screen360+em;
            }
            .certificateList {
              font-size: 16*$abs360/$screen360+em;
              line-height: 30/(16*$abs360/$screen360)*$abs360/$screen360+em;
              color: #949494;
              height: 200/(16*$abs360/$screen360)*$abs360/$screen360+em;
              overflow: auto;
              padding: 0 4.34%;
              text-indent: 6.52%;
            }
          }
        }
      }
      .enterpriseHonor {
        overflow: hidden;
        background-color: #fff;
        .enterpriseHonorHeader {
          height: 420*$abs360/$screen360+em;
          background-color: #9b6b3b;

          overflow: hidden;
          .slogan1 {

          }
        }
        .content {
          padding: 50*$abs360/$screen360+em 6.94% 0 6.94%;
          width: 100%;
          ul.honors {
            width: 100%;
            //overflow: hidden;
            padding-bottom: 9.72%;
            border-bottom: 1px solid #dad7d7;
            & > li {
              display: inline-block;
              border: 1px solid #bbd4d9;
              width: 46.38%;
              box-shadow: 0 0 20px #a9dce9;
              margin-bottom: 30*$abs360/$screen360+em;
              .enterpriseHonor_title {
                margin: 15*$abs360/$screen360+em 15*$abs360/$screen360+em 0 15*$abs360/$screen360+em;
                img {
                  width: 100%;
                }
              }
              .enterpriseHonor_info {
                border-top: 1px solid #dbdbdb;
                height: 66*$abs360/$screen360+em;
                line-height: 66*$abs360/$screen360+em;
                text-align: center;
                .jia {
                  display: inline-block;
                  width: 35*$abs360/$screen360+em;
                  height: 35*$abs360/$screen360+em;
                  line-height: 35*$abs360/$screen360+em;
                  text-align: center;
                  border: 1px solid #ddd;
                  border-radius: 50%;
                  color: #4095a9;
                  background-image: url($img_url_app+ "jia.png");
                  background-repeat: no-repeat;
                  background-position: center;
                  background-size: 70%;
                }
              }
              &:nth-child(even) {
                //float: right;
                margin-left: 7.2%;
              }
              &:nth-child(odd) {
                //float: left;
              }
            }
            & > .left {
              float: left;
              clear: left;
            }
            & > .right {
              float: right;
              clear: right;
            }
          }
        }
        .dialog {
          position: fixed;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          background-color: rgba(0, 0, 0, 0.5);
          .certificate {
            position: absolute;
            top: 21.12%;
            height: 910*$abs360/$screen360+em;
            overflow: auto;
            left: 6.86%;
            right: 6.86%;
            background-color: #fff;
            border-radius: 8px;
            padding: 12% 5.84% 6%;
            .certificateImg {
              width: 100%;
              text-align: center;
              background-color: #e7e6e6;
              border-radius: 5px;
              img {
                vertical-align: middle;
                margin: 0 auto;
                max-width: 100%;
                max-height: 327*$abs360/$screen360+em;
              }
            }
            .certificateName {
              color: #70b6ef;
              font-size: 25*$abs360/$screen360+em;
              height: 26/(25*$abs360/$screen360)*$abs360/$screen360+em;
              line-height: 26/(25*$abs360/$screen360)*$abs360/$screen360+em;
              border-left: 3px solid #70b6ef;
              margin: 30/(25*$abs360/$screen360)*$abs360/$screen360+em 0 20/(25*$abs360/$screen360)*$abs360/$screen360+em;
              text-indent: 13/(25*$abs360/$screen360)*$abs360/$screen360+em;
            }
            .certificateList {
              font-size: 16*$abs360/$screen360+em;
              line-height: 30/(16*$abs360/$screen360)*$abs360/$screen360+em;
              color: #949494;
              height: 200/(16*$abs360/$screen360)*$abs360/$screen360+em;
              overflow: auto;
              padding: 0 4.34%;
              text-indent: 6.52%;
            }
          }
        }
      }
      .newsList {
        width: 100%;
        padding: 0 4.02%;
        text-align: center;
        overflow: hidden;
        position: absolute;
        bottom: (35+25+30*2)*$abs360/$screen360+em;
        top: (145+420)*$abs360/$screen360+em;
        background-color: #e8edf1;
        ul {
          overflow: hidden;
          padding: 2em 0;
          li {
            width: 100%;
            background-color: #fff;
            height: 93*$abs360/$screen360+em;
            line-height: 93*$abs360/$screen360+em;
            margin-bottom: 18*$abs360/$screen360+em;
            .left {
              text-indent: 3.47%;
              font-size: .89em;
              display: inline-block;
              width: 68.18%;
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden;
              float: left;
              text-decoration: none;
              color: inherit;
              text-align: left;
            }
            .right {
              font-size: .79em;
              display: inline-block;
              width: 29.54%;
              float: right;
            }
          }
        }

      }
    }

    .copyright {
      position: absolute;
      bottom: 0;
    }
  }
  .joinUs {
    overflow: hidden;
    background-color: #fff;
    div.header {
      position: absolute;
      display: block;
      background-color: rgba(255, 255, 255, .5);
      .nav > li {
        a {
          color: #717171;
        }
        &.active {
          a {
            color: #ff7607;
          }
        }
      }
    }
    .joinUsHeader {
      height: 420*$abs360/$screen360+em;
      background-color: #9b6b3b;
      background-image: url($img_url+ "joinusbg.png");
      background-repeat: no-repeat;
      background-size: auto 100%;
      background-position: 50% 0;
    }
    .content {
      padding: 0 9.44%;
      .title {
        font-size: 40*$abs360/$screen360+em;
        line-height: (60/(40*$abs360/$screen360))*$abs360/$screen360+em;
        margin: (20/(40*$abs360/$screen360))*$abs360/$screen360+em 0;
        span {
          display: block;
        }
        .slogan1 {
          margin-left: (40/(40*$abs360/$screen360))*$abs360/$screen360+em;
        }
        .slogan2 {
          margin-left: (115/(40*$abs360/$screen360))*$abs360/$screen360+em;
        }
      }
      ul.jobs {
        width: 100%;

        & > li {
          margin-bottom: 20*$abs360/$screen360+em;
          width: 100%;
          overflow: hidden;
          &.active {
            .jobs_title {
              background-color: #84bcef;
              color: #fff;
              background-image: url($img_url+ "img10.png");
            }
            .jobs_info {
              display: block;
            }
          }
          .jobs_title {
            line-height: (90/(30*$abs360/$screen360))*$abs360/$screen360+em;
            font-size: 30*$abs360/$screen360+em;
            text-align: center;
            background-color: #e3edf7;
            background-image: url($img_url+ "img11.png");
            background-repeat: no-repeat;
            background-position: 95% center;
            background-size: auto 18%;
            color: #4a6a81;

          }
          .jobs_info {
            display: none;
            width: 100%;
            padding: 0 6.66%;
            text-align: center;
            border: 1px solid #ddd;
            border-top: none;
            & > p {
              line-height: (89/(25*$abs360/$screen360))*$abs360/$screen360+em;
              font-size: 25*$abs360/$screen360+em;
              text-align: left;
            }
            ul.list {
              list-style: decimal;
              width: 100%;
              overflow: hidden;
              li {
                font-size: 20*$abs360/$screen360+em;
                list-style: decimal;
                line-height: (35/(20*$abs360/$screen360))*$abs360/$screen360+em;
                text-align: left;
              }
            }
            .application {
              display: inline-block;
              border: 1px solid #357eb3;
              color: #357eb3;
              border-radius: 3px;
              font-size: 25*$abs360/$screen360+em;
              padding: (8/(25*$abs360/$screen360))*$abs360/$screen360+em (18/(25*$abs360/$screen360))*$abs360/$screen360+em;
              margin: (23/(25*$abs360/$screen360))*$abs360/$screen360+em (18/(25*$abs360/$screen360))*$abs360/$screen360+em;
            }
          }
        }
      }
    }
    .dialog {
      .dialog_cont {
        .overauto {
          .applicationList {
            li.applicationItem1 {
              background-image: url($img_url_app+ "join1.png");
            }
            li.applicationItem2 {
              background-image: url($img_url_app+ "application3.png");
            }
            li.applicationItem3 {
              background-image: url($img_url_app+ "application4.png");
            }
            li.applicationItem4 {
              background-image: url($img_url_app+ "join2.png");
            }
          }
          .submit {
            border-radius: 3px;
            font-size: 40*$abs360/$screen360+em;
            height: 78/(40*$abs360/$screen360)*$abs360/$screen360+em;
            line-height: 78/(40*$abs360/$screen360)*$abs360/$screen360+em;
            width: 100%;
            text-align: center;
            color: #fff;
            margin: (30/40)+em 0;
            background-color: #1a9ed9;
          }
          .slogan1 {
            padding: 0 4.8%;
            width: 100%;
            font-size: 24*$abs360/$screen360+em;
            line-height: (50/24)+em;
            overflow: hidden;
            .left {
              width: 19.6%;
              display: inline-block;
              float: left;
            }
            .right {
              width: 78%;
              display: inline-block;
              float: right;

            }
          }
          .myCall {
            display: block;
            border-radius: 3px;
            font-size: 40*$abs360/$screen360+em;
            height: 78/(40*$abs360/$screen360)*$abs360/$screen360+em;
            line-height: 78/(40*$abs360/$screen360)*$abs360/$screen360+em;
            width: 100%;
            text-align: center;
            color: #fff;
            margin: (30/40)+em 0;
            background-color: #e99900;
            text-decoration: none;

          }
        }

      }

    }
    //.dialog {
    //  position: fixed;
    //  top: 0;
    //  bottom: 0;
    //  left: 0;
    //  right: 0;
    //  background-color: rgba(0, 0, 0, .5);
    //  .send_application {
    //    position: absolute;
    //    top: 75*$abs360/$screen360+em;
    //    bottom: 75*$abs360/$screen360+em;
    //    left: 40*$abs360/$screen360+em;
    //    right: 40*$abs360/$screen360+em;
    //    background-color: #fff;
    //    border-radius: 10px;
    //    padding: 0 6.83%;
    //    overflow: auto;
    //    .title {
    //      font-size: 43*$abs360/$screen360+em;
    //      height: 115/(43*$abs360/$screen360)*$abs360/$screen360;
    //      line-height: 140/(43*$abs360/$screen360)*$abs360/$screen360;
    //      text-align: center;
    //    }
    //    ul.list {
    //      width: 100%;
    //      li {
    //        width: 100%;
    //        height: 100/(30*$abs360/$screen360)*$abs360/$screen360+em;
    //        line-height: 100/(30*$abs360/$screen360)*$abs360/$screen360+em;
    //        font-size: 30*$abs360/$screen360+em;
    //        position: relative;
    //        .right {
    //          width: 100%;
    //          border-radius: 4px;
    //          border: 1px solid #9b9b9b;
    //          height: 80/(30*$abs360/$screen360)*$abs360/$screen360+em;
    //          text-indent: 100/(30*$abs360/$screen360)*$abs360/$screen360+em;
    //        }
    //        .left {
    //          position: absolute;
    //          left: 20/(30*$abs360/$screen360)*$abs360/$screen360+em;
    //        }
    //        textarea.right {
    //          display: inline-block;
    //          height: 100%;
    //          overflow: auto;
    //          text-indent: 0;
    //          padding-left: 22%;
    //          line-height: 50/(30*$abs360/$screen360)*$abs360/$screen360+em;
    //        }
    //      }
    //    }
    //    .submit, .slogan4 {
    //      width: 100%;
    //      display: block;
    //      text-decoration: none;
    //      font-size: 40*$abs360/$screen360+em;
    //      height: 77/(40*$abs360/$screen360)*$abs360/$screen360+em;
    //      line-height: 77/(40*$abs360/$screen360)*$abs360/$screen360+em;
    //      background-color: #1a9ed9;
    //      border-radius: 8px;
    //      text-align: center;
    //      color: #fff;
    //      margin: 20/(40*$abs360/$screen360)*$abs360/$screen360+em 0;
    //    }
    //    .slogan1, .slogan2, .slogan3 {
    //      font-size: 22*$abs360/$screen360+em;
    //      line-height: 45/(22*$abs360/$screen360)*$abs360/$screen360+em;
    //      color: #6a6a6a;
    //      span {
    //        display: inline-block;
    //      }
    //      .left {
    //        width: 25%;
    //        text-align: center;
    //      }
    //      .right {
    //        width: 73%;
    //        vertical-align: top;
    //      }
    //    }
    //    .slogan4 {
    //      background-color: #e99900;
    //      margin: 8.92% auto 12.5%;
    //    }
    //    .esc {
    //      position: fixed;
    //      top: 75*$abs360/$screen360+em;
    //      right: 56*$abs360/$screen360+em;
    //    }
    //
    //  }
    //}

  }
  .staticPage {
    div.header {
      position: absolute;
      display: block;
      background-color: rgba(255, 255, 255, .5);
      .nav > li {
        a {
          color: #717171;
        }
        &.active {
          a {
            color: #ff7607;
          }
        }
      }
    }
    .staticPage1PageHeader {
      height: 420*$abs360/$screen360+em;
      background-color: #00a2ff;
      background-repeat: no-repeat;
      background-size: 100% auto;
      background-position: center bottom;
    }
    .content {
      img {
        width: 100%;
      }
    }
  }
  .copyright {
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: (25/(20*$abs360/$screen360))*$abs360/$screen360+em (25/(20*$abs360/$screen360))*$abs360/$screen360+em;
    font-size: 20*$abs360/$screen360+em;
    line-height: (30/(20*$abs360/$screen360))*$abs360/$screen360+em;
    //background-color: #fff;
  }
  .companyProfile {
    .title {
      text-align: center;
      .slogan1 {
        font-size: 60*$abs360/$screen360+em;
        height: 89/(60*$abs360/$screen360)*$abs360/$screen360+em;
        line-height: 160/(60*$abs360/$screen360)*$abs360/$screen360+em;
        color: #79a8df;
        z-index: 9;
        position: relative;
      }
      .slogan2 {
        font-size: 46*$abs360/$screen360+em;
        height: 70/(46*$abs360/$screen360)*$abs360/$screen360+em;
        color: #fff;
        z-index: 8;
        text-transform: uppercase;

      }
    }
    .cont_detail {
      margin: 0 9.72%;
      padding-bottom: 22.22%;
      font-size: 20*$abs360/$screen360+em;
      line-height: 49/(20*$abs360/$screen360)*$abs360/$screen360+em;
      text-indent: 45/(20*$abs360/$screen360)*$abs360/$screen360+em;
      border-bottom: 1px solid #ddd;
    }
  }
  .speech {
    .title {
      text-align: center;
      .slogan1 {
        font-size: 60*$abs360/$screen360+em;
        height: 89/(60*$abs360/$screen360)*$abs360/$screen360+em;
        line-height: 160/(60*$abs360/$screen360)*$abs360/$screen360+em;
        color: #79a8df;
        z-index: 9;
        position: relative;

      }
      .slogan2 {
        font-size: 46*$abs360/$screen360+em;
        height: 70/(46*$abs360/$screen360)*$abs360/$screen360+em;
        color: #fff;
        z-index: 8;
        text-transform: uppercase;

      }
    }
    .cont_detail {
      margin: 0 9.72%;
      padding-bottom: 22.22%;
      font-size: 20*$abs360/$screen360+em;
      line-height: 49/(20*$abs360/$screen360)*$abs360/$screen360+em;
      text-indent: 45/(20*$abs360/$screen360)*$abs360/$screen360+em;
      border-bottom: 1px solid #ddd;
      p {
        img {
          width: 100%;
        }
      }
    }
  }

  .side {
    position: fixed;
    bottom: 10%;
    right: 25*$abs360/$screen360+em;
    .items1 > li {
      display: block;
      width: 70*$abs360/$screen360+em;
      height: 70*$abs360/$screen360+em;
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      &.to_top {
        display: none;
        background-image: url($img_url_app+ "imgy01.png");
        a {
          display: block;
          height: 100%;
        }
      }
      &.concat {
        background-image: url($img_url_app+ "imgy02.png");
        position: relative;
        &:hover {
          .items2 {
            right: 70*$abs360/$screen360+em;
          }
        }
        .items2 {
          position: absolute;
          right: -150px;
          transition: right 500ms linear 0ms;
          width: (4*36+5*2+3*8)*$abs360/$screen360+em;
          padding: 5*$abs360/$screen360+em;
          background-color: rgba(255, 255, 255, 0.5);
          border-radius: 5px;
          top: 50%;
          margin-top: -(40+5*2+3*2)/2*$abs360/$screen360+em;
          li {
            float: left;
            width: 36*$abs360/$screen360+em;
            height: 40*$abs360/$screen360+em;
            background-repeat: no-repeat;
            margin: 3*$abs360/$screen360+em;
            &.tel {
              background-image: url($img_url_app+ "imgy04.png");
              background-position: center top;
              background-size: 100% auto;
              .myCall {
                display: inline-block;
                width: 100%;
                height: 100%;
              }
            }
            &.wx {
              background-image: url($img_url_app+ "imgy03.png");
              background-position: center top;
              background-size: 100% auto;
            }
            &.left {
              background-image: url($img_url+ "img10.png");
              transform: rotate(-90deg);
              background-position: center;
              background-size: contain;
            }
            &.right {
              background-image: url($img_url+ "img11.png");
              transform: rotate(-90deg);
              background-position: center;
              background-size: contain;
            }
          }
        }
      }
    }
  }
  .esc {
    position: absolute;
    display: inline-block;
    width: 50/(50*$abs360/$screen360)*$abs360/$screen360+em;
    line-height: 50/(50*$abs360/$screen360)*$abs360/$screen360+em;
    height: 50/(50*$abs360/$screen360)*$abs360/$screen360+em;
    font-size: 50*$abs360/$screen360+em;
    top: 22/(50*$abs360/$screen360)*$abs360/$screen360+em;
    right: 15/(50*$abs360/$screen360)*$abs360/$screen360+em;
    text-align: center;
    border-radius: 50%;
    background-image: url($img_url+ "esc.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
  .dialog {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 9999;
    .dialog_cont {
      position: absolute;
      top: 70*$abs360/$screen360+em;
      bottom: 70*$abs360/$screen360+em;
      left: 40*$abs360/$screen360+em;
      right: 40*$abs360/$screen360+em;
      background-color: #fff;
      padding: 0 44*$abs360/$screen360+em;
      overflow: auto;
      .title {
        font-size: 42*$abs360/$screen360+em;
        height: 130/(42*$abs360/$screen360)*$abs360/$screen360+em;
        line-height: 156/(42*$abs360/$screen360)*$abs360/$screen360+em;
        width: 100%;
        text-align: center;
      }
      .esc {
        background-image: url($img_url_app+ "esc.png");
        position: fixed;
        top: 2em;
        right: 1.5em;
      }
      .overauto {
        width: 100%;
        .mywarning {
          border: 1px solid #f00 !important;
        }
        .applicationList {
          width: 100%;
          li {
            width: 100%;
            height: 100%;
            font-size: 30*$abs360/$screen360+em;
            height: (80/(30))+em;
            background-color: #f4f4f4;
            line-height: (80/30)+em;
            padding-left: 15.89%;
            border-radius: 3px;
            background-repeat: no-repeat;
            background-size: auto 50%;
            background-position: 4% center;
            margin: (11/30)+em 0;
            input {
              border: none;
              width: 100%;
              background-color: #f4f4f4;
            }

          }
          li.applicationItem1 {
            background-image: url($img_url_app+ "application1.png");
          }
          li.applicationItem2 {
            background-image: url($img_url_app+ "application2.png");
          }
          li.applicationItem3 {
            background-image: url($img_url_app+ "application3.png");
          }
          li.applicationItem4 {
            background-image: url($img_url_app+ "application4.png");
          }
          li.applicationItem5 {
            background-image: url($img_url_app+ "application5.png");
          }
        }
        .submit {
          border-radius: 3px;
          font-size: 40*$abs360/$screen360+em;
          height: 78/(40*$abs360/$screen360)*$abs360/$screen360+em;
          line-height: 78/(40*$abs360/$screen360)*$abs360/$screen360+em;
          width: 100%;
          text-align: center;
          color: #fff;
          margin: (30/40)+em 0;
          background-color: #1a9ed9;
        }
        .slogan1 {
          padding: 0 4.8%;
          width: 100%;
          font-size: 24*$abs360/$screen360+em;
          line-height: (50/24)+em;
          overflow: hidden;
          .left {
            width: 19.6%;
            display: inline-block;
            float: left;
          }
          .right {
            width: 78%;
            display: inline-block;
            float: right;

          }
        }
        .myCall {
          display: block;
          border-radius: 3px;
          font-size: 40*$abs360/$screen360+em;
          height: 78/(40*$abs360/$screen360)*$abs360/$screen360+em;
          line-height: 78/(40*$abs360/$screen360)*$abs360/$screen360+em;
          width: 100%;
          text-align: center;
          color: #fff;
          margin: (30/40)+em 0;
          background-color: #e99900;
          text-decoration: none;

        }
      }

    }

  }
  .warning {
    display: none;
    position: fixed;
    z-index: 99999;
    width: 50%;
    padding: 1%;
    top: 0;
    left: 50%;
    margin-left: -25%;
    border-radius: 0 0 5px 5px;
    background-color: #f00;
    color: #fff;
    font-size: 30*$abs360/$screen360+em;
    text-align: center;
  }
  .loading {
    display: none;
    position: fixed;
    z-index: 99999999999999999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .5) url($img_url+ "loading.gif") no-repeat center center;
  }
}

@media (min-width: 414px) and (max-width: 767px) {
  .mobile_none {
    display: none;
  }
  html, body, .AllForHtml {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    color: #333;
  }
  div.header {
    display: none;
    position: fixed;
    top: 0;
    height: 70*$abs414/$screen414+em;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 0px 5px #fff;
    z-index: 10;
    .nav_logo {
      display: inline-block;
      float: left;
      margin-left: 22*$abs414/$screen414+em;
      width: 23.75%;
      height: 100%;
      line-height: 70*$abs414/$screen414+em;
      img {
        width: 100%;
        vertical-align: middle;
      }
    }
    .nav {
      display: inline-block;
      float: left;
      margin-left: 12.08%;
      max-width: 48.63%;
      overflow: hidden;
      height: 100%;
    }
    .nav > li {
      float: left;
      height: 100%;
      display: none;
      margin: 0 4px;
      a {
        display: inline-block;
        height: 100%;
        line-height: (70/.8)*$abs414/$screen414+em;
        margin: 0 (3/.8)*$abs414/$screen414+em;
        padding: 0 1px;
        font-size: .8em;
        text-decoration: none;
        color: #575757;
        border-bottom: 2px solid transparent;
      }
      &.randomNav {
        display: inline-block;

      }
      &.active {
        display: inline-block;
        a {
          color: #ff7607 !important;
          border-bottom-color: #ff7607;
        }
      }
      &.first {
        display: block;
      }
    }
    .more {
      width: 13.88%;
      height: 100%;
      background-image: url($img_url_app+ "more.png");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 50% auto;
      float: right;
      ul {
        position: absolute;
        right: 0;
        z-index: 10;
        width: 29.16%;
        overflow: hidden;
        box-shadow: 0 0px 5px #cbe9f9;
        top: 70*$abs414/$screen414+em;
        li {
          width: 100%;
          border-bottom: 2px solid #fff;

          a {
            display: inline-block;
            font-size: .8em;
            padding: (26/.8)*$abs414/$screen414+em 0;
            width: 100%;
            text-align: center;
            background-color: #cbe9f9;

          }
          &.active > a {
            color: #ff7607;
          }
        }
      }
    }

  }
  body {
    font-size: $screen414+px;
  }
  .index {
    width: 100%;
    position: relative;
    overflow: hidden;
    background-size: 165% 100%;
    background-repeat: no-repeat;
    background-position: left center;
    div.header {
      .nav > li {
      }
    }
  }
  .index1 {
    background-image: url($index-bg);
    height: 1080*$abs414/$screen414+em;

    .top_logo {
      float: left;
      margin-left: 1.1em;
      margin-top: .55em;
      width: 25%;
      img {
        width: 100%;
      }
    }
    .topic {
      overflow: hidden;
      width: 88.88%;
      margin: 0 auto;
      text-align: left;
      .slogan1 {
        font-size: 1.345em;
        text-indent: 2.5em;
        //-webkit-min-font-size: 20px;
        color: #C6DCEE;
        height: (97/1.345)*$abs414/$screen414+em;
        line-height: (97/1.345)*$abs414/$screen414+em;
        font-family: "宋体";
      }

      .slogan2 {
        font-size: 1.66em;
        color: #fff;
        height: (97/1.66)*$abs414/$screen414+em;
        line-height: (97/1.66)*$abs414/$screen414+em;
        //-webkit-min-font-size: 20px;
      }
      .slogan3 {
        //font-size: 142.9%;
        color: #c5d7ea;
        text-indent: 2.5em;
        height: 97*$abs414/$screen414+em;
        line-height: 97*$abs414/$screen414+em;
        //-webkit-min-font-size: 20px;
      }
    }
    .footer {
      margin-top: (174-88)*$abs414/$screen414+em;
      width: 100%;
      i.add {
        display: none;
      }
      &:hover {
        //top:75.90% ;
        //transition:top 500ms linear 0s;

      }
      & > ul {
        width: 100%;
        display: flex;
        justify-content: space-around;
        flex-direction: row;
        flex-wrap: wrap;
        & > li {
          flex-basis: 25%;
          text-align: center;
          margin-top: 88*$abs414/$screen414+em;

          .items_box {
            display: none;
            width: 100%;
            height: 43.37%;
            background-color: rgba(205, 244, 254, 0.5);
            position: absolute;
            top: 0;
            left: 0;
            //right:0;
          }
          &:hover {
            .invertedTriangle {
              display: inline-block;

            }
          }
          .special {
            display: none;
            height: 10px;
          }
          .title {
            height: 35*$abs414/$screen414+em;
            font-size: .89em;
          }
          .item_img > img {
            width: 54%;
          }
          dl {
            dd {
              i.add {
                display: none;
                margin-top: 50px;
              }
            }
          }
        }
      }
      .overflow_open {
        display: none;
        width: 100%;
        height: 179px;
        overflow: hidden;

      }
    }
    .down {
      position: absolute;
      bottom: 30*$abs414/$screen414+em;
      width: 48*$abs414/$screen414+em;
      height: 48*$abs414/$screen414+em;
      border-radius: 50%;
      background-color: #fff;
      cursor: pointer;
      left: 50%;
      margin-left: -48/2*$abs414/$screen414+em;
      background: url($img_url_app+ "down.png") no-repeat center center;
      background-size: 100% auto;
    }
  }
  .index2 {
    height: 1080*$abs414/$screen414+em;
    background-image: url($img_url+ "img2-bg.png");
    .index_title {
      width: 100%;
      text-align: center;
      color: #000000;
      height: 260*$abs414/$screen414+em;
      .slogan1 {
        height: (195/1.38)*$abs414/$screen414+em;
        line-height: (290/1.38)*$abs414/$screen414+em;
        font-size: 1.38em;
      }
      .slogan2 {
        font-size: .68em;
        color: #1d7782;
      }
    }
    .content {
      width: 82.22%;
      height: 706*$abs414/$screen414+em;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      flex-direction: row;
      align-content: space-between;
      .section {
        height: 48%;
        //background-color: #f00;
        display: inline-block;
        background-repeat: no-repeat;
        background-size: cover;
      }
      .section1 {
        flex-basis: 100%;
        background-image: url($img_url_app+ "imgy1.jpg");
      }
      .section2 {
        flex-basis: 54.23%;
        height: 314*$abs414/$screen414+em;
        background-image: url($img_url_app+ "imgy6.jpg");

      }
      .section3 {
        flex-basis: 44.91%;
        height: 260*$abs414/$screen414+em;
        background-image: url($img_url_app+ "imgy5.jpg");
        margin-top: -20*$abs414/$screen414+em;
      }
      .section4 {
        display: none;
        //flex-basis: 31.82%;
        //background-image: url($img_url+ "img203.jpg");

      }
      .section5 {
        display: none;
        //flex-basis: 32.66%;
        //background-image: url($img_url+ "img201.jpg");

      }
    }
  }
  .index3 {
    height: 1142*$abs414/$screen414+em;
    background-image: url($img_url+ "img3-bg.png");
    .index_title {
      width: 100%;
      height: (130/1.51)*$abs414/$screen414+em;
      line-height: (125/1.51)*$abs414/$screen414+em;
      text-align: center;
      font-size: 1.51em;
      color: #000;
    }
    .content {
      margin: 0 auto;
      width: 82.22%;
      overflow: hidden;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      flex-direction: row;
      align-content: space-between;
      align-items: flex-end;
      .section {
        //background-color: #f00;
        display: inline-block;
        background-repeat: no-repeat;
        background-size: cover;
        .label {
          width: 100%;
          height: 100%;
          background-repeat: no-repeat;
          background-position: center center;
          background-size: 50%;
          background-image: url($img_url_app+ "imgy14.png");
          background-color: rgba(0, 0, 0, .5);
          color: #fff;
          font-size: 1em;
          text-align: center;
          line-height: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
        }
      }
      .section1 {
        order: 1;
        width: 100%;
        height: 117/1.51*$abs414/$screen414+em;
        .title {
          display: none;
        }
        .discribe {
          width: 70%;
          margin: 0 auto;
          text-align: left;
          font-size: .78em;
          color: #6c6c6c;
          white-space: nowrap;
          & > P {
            height: 1.5em;
            line-height: 1.5em;
          }
          .mobile_spe {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 70%;
          }
        }
      }
      .section2 {
        order: 2;
        width: 100%;
        text-align: center;
        height: 110*$abs414/$screen414+em;
        line-height: 120*$abs414/$screen414+em;
        .slogan1, .slogan2, .slogan3 {
          display: none;
        }
        .slogan4 {
          color: #1d7782;
          font-size: .62em;
        }
      }
      .section3 {
        order: 3;
        width: 50%;
        height: 310*$abs414/$screen414+em;
        background-image: url($img_url+ "img301.jpg");
      }
      .section4 {
        order: 4;
        width: 50%;
        height: 310*$abs414/$screen414+em;
        background-image: url($img_url+ "img302.jpg");
      }
      .section5 {
        order: 5;
        width: 50%;
        height: 310*$abs414/$screen414+em;
        background-image: url($img_url+ "img303.jpg");
      }
      .section6 {
        order: 6;
        width: 50%;
        height: 310*$abs414/$screen414+em;
        background-image: url($img_url+ "img304.jpg");

      }
    }
  }
  .index4 {
    height: 720*$abs414/$screen414+em;
    overflow: visible;
    background-image: url($img_url+ "img4-bg.png");
    .index_title_spe {
      width: 93.88%;
      height: 270*$abs414/$screen414+em;
      margin: 0 auto;
      text-align: center;
      .slogan1 {
        color: #c4e1f4;
        font-size: (45/18)+em;
        height: (35/(45/18))*$abs414/$screen414+em;
        position: relative;
        top: -(40/(45/18))*$abs414/$screen414+em;
        z-index: 8;
      }
      .slogan2 {
        color: #000;
        font-size: 1.38em;
        height: (120/(1.38))*$abs414/$screen414+em;
        line-height: (120/(1.38))*$abs414/$screen414+em;
        z-index: 9;

      }
      .slogan3 {
        color: #7fa8c3;
        font-size: .82em;
        height: (65/(.82))*$abs414/$screen414+em;
      }
      .slogan4 {
        color: #24cad7;
        font-size: .9em;
        height: (50/(.9))*$abs414/$screen414+em;
      }

    }

    .content {
      width: 93.88%;
      height: 385*$abs414/$screen414+em;
      margin: 0 auto;
      .safe-city {
        nothing {
          width: 32.49%;
          height: 100%;
          display: inline-block;
          dt {
            width: 100%;
          }

        }

      }
      dd {
        display: none;
      }
      .safe-tu {
        padding-top: 3em;
        .safeT-text {
          font-size: 1em;
          line-height: 1em;
        }
      }

    }
  }
  .index5 {
    height: 1048*$abs414/$screen414+em;
    background-image: url($img_url+ "img5-bg.png");
    .index_title_spe {
      width: 82.81%;
      margin: 0 auto;
      text-align: center;
      .slogan1 {

      }
      .slogan2 {
        height: (123/2.5)*$abs414/$screen414+em;
        line-height: (119*2/2.5)*$abs414/$screen414+em;
        color: #c4e1f2;
        font-size: 2.18em;
        z-index: 8;

      }
      .slogan3 {
        height: (50/1.38)*$abs414/$screen414+em;
        line-height: (50/1.38)*$abs414/$screen414+em;
        color: #000;
        font-size: 1.38em;
        z-index: 9;

      }
      .slogan4 {
        height: (82/1.89)*$abs414/$screen414+em;
        line-height: (82/1.89)*$abs414/$screen414+em;

        color: #c4e1f2;
        font-size: 1.89em;

      }
      .slogan5 {
        font-size: .9em;
        height: (40/0.9)*$abs414/$screen414+em;
        z-index: 9;
        color: #24cad7;
      }
    }
    .content {
      .list {
        width: 89.16%;
        margin: 0 auto;
        li {
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap;
          justify-content: space-between;
          .left {
            display: flex;
            width: 26.59%;
            height: (179/.88)*$abs414/$screen414+em;
            font-size: .88em;
            text-align: center;
            justify-content: center;
            align-items: center;
            background: url($img_url_app+ "imgy15.png") no-repeat center center;
            background-size: contain;
          }
          .right {
            width: 73.41%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            .title {
              font-size: .83em;
              margin: (3/.83)*$abs414/$screen414+em 0;
            }
            .discribe {
              font-size: .68em;
              color: #878787;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            }
          }
        }
        & > li:nth-child(even) {
          padding-left: 6.27%;
        }
      }
    }

  }
  .index6 {
    text-align: center;
    height: 889*$abs414/$screen414+em;
    .index_title_spe {
      .slogan1 {
        color: #ddecf7;
        height: (75/3.8)*$abs414/$screen414+em;
        font-size: 3.8em;
        z-index: 8;

      }
      .slogan2 {
        font-size: 1.38em;
        height: (63/1.38)*$abs414/$screen414+em;
        z-index: 9;
      }
      .slogan3 {
        color: #24cad7;
        font-size: .9em;
        height: (63/.9)*$abs414/$screen414+em;
      }
    }
    .content {
      padding: 0 9.44%;
      margin-top: 50*$abs414/$screen414+em;
      & > div {
        width: 48%;
        height: 320*$abs414/$screen414+em;
        display: inline-block;
        dd {
          display: none;
        }
        dt {
          width: 100%;
          height: 215*$abs414/$screen414+em;
          background-repeat: no-repeat;
          background-size: 50% auto;
          background-position: center top;
          .title {
            display: block;
            height: 215*$abs414/$screen414+em;
            line-height: (195*2)*$abs414/$screen414+em;
          }

        }
        &:nth-child(1) {
          dt {
            background-image: url($img_url_app+ "jyicon1.png");
          }
        }
        &:nth-child(2) {
          dt {
            background-image: url($img_url_app+ "jyicon2.png");
          }
        }
        &:nth-child(3) {
          dt {
            background-image: url($img_url_app+ "jyicon3.png");
          }
        }
        &:nth-child(4) {
          dt {
            background-image: url($img_url_app+ "jyicon4.png");
          }
        }
      }
    }
  }
  .index7 {
    height: 1000*$abs414/$screen414+em;
    background-image: url($img_url+ "img6-bg.png");
    .index_title_spe {
      text-align: center;
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      .slogan1 {
        flex-basis: 100%;
        color: $title_color;
        height: (84/1.8)*$abs414/$screen414+em;
        line-height: (84/1.8)*$abs414/$screen414+em;
        order: 2;
        font-size: 1.8em;
      }
      .slogan2 {
        flex-basis: 100%;
        color: #414141;
        height: (117/1.38)*$abs414/$screen414+em;
        line-height: (120/1.38)*$abs414/$screen414+em;
        order: 1;
        font-size: 1.38em;

      }

    }
    .content {
      width: 68%;
      overflow: visible;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      flex-direction: column;
      height: 697*$abs414/$screen414+em;
      .section {
        display: inline-block;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        text-align: center;
        height: 342*$abs414/$screen414+em;
        .box_flow {
          height: 100%;
          .title {
            height: 100%;
            color: #fff;
            font-size: 1em;
            width: 100%;
            display: block;
            line-height: 192*$abs414/$screen414+em;
            background-image: linear-gradient(165deg, #93cef1 0%, #93cef1 55%, rgba(255, 255, 255, 0) 56%, rgba(255, 255, 255, 0) 100%);
          }
          .list {
            display: none;
          }
        }

        position: relative;
      }
      .section1 {
        order: 1;
        width: 48.15%;
        background-image: url($img_url+ "img604.jpg");
        .title {
        }
      }
      .section2 {
        order: 2;
        width: 48.77%;
        background-image: url($img_url+ "img603.jpg");
      }
      .section3 {
        order: 3;
        width: 48.15%;
        background-image: url($img_url+ "img602.jpg");
        position: relative;
        top: 40*$abs414/$screen414+em;
      }
      .section.last {
        position: relative;
        top: 40*$abs414/$screen414+em;
        order: 4;
        width: 48.77%;
        background-color: #5bc3e7;
        .title {
          height: (5em/.875);
          font-size: .875em;
          color: #fff;
          line-height: (5em/.875);
          background-color: transparent;
          opacity: 1;
        }
        a.button {
          text-decoration: none;
          display: inline-block;
          color: #fff;
          width: 66.66%;
          height: (48/.875)*$abs414/$screen414+em;
          border-radius: 5px;
          border: 1px solid #fff;
          line-height: (48/.875)*$abs414/$screen414+em;
          font-size: .875em;
        }
      }
    }

  }
  .index8 {
    height: 990*$abs414/$screen414+em;

    .index_title_spe {
      text-align: center;
      width: 100%;
      .slogan1 {
        height: (200/4)*$abs414/$screen414+em;
        line-height: (200/4)*$abs414/$screen414+em;
        font-size: 4em;
        z-index: 8;
        color: #d9ebf7;
      }
      .slogan2 {
        width: 100%;
        z-index: 9;
        height: 0;
        position: relative;
        top: -60*$abs414/$screen414+em;
        font-size: 1.38em;

      }
      .slogan3 {
        width: 100%;
        height: (119/1)*$abs414/$screen414+em;
        line-height: (64/1)*$abs414/$screen414+em;
        font-size: .62em;
        color: #1d7782;
      }
    }
    .content {
      width: 81.94%;
      margin: 0 auto;
      height: 56.56%;
      background-size: contain;
      ul {
        width: 100%;
        li {
          float: left;
          width: 50%;
          overflow: hidden;
          img {
            width: 100%;
          }
          cursor: pointer;
        }
      }
    }
  }
  .index9 {
    height: 1015*$abs414/$screen414+em;
    background-image: url($img_url+ "img7-bg.png");
    .index_title_spe {
      text-align: center;
      margin: 0 auto;
      .slogan1 {
        color: #79b1cd;
        font-weight: 500;
        height: 200*$abs414/$screen414+em;
        line-height: 230*$abs414/$screen414+em;
        span {
          font-size: 32/$screen414+em;
        }
      }
      .slogan2 {
        color: #414141;
        height: 95*$abs414/$screen414+em;
        line-height: 95*$abs414/$screen414+em;
        order: 1;
        span {
          font-size: 1.38em;
        }
        position: absolute;
      }
    }
    .content {
      width: 70.83%;
      margin: 0 auto;
      overflow: hidden;
      .us_list {
        width: 100%;
        overflow: hidden;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        flex-direction: row;
        li {
          position: relative;
          background-color: #89c5e4;
          height: 140*$abs414/$screen414+em;
          width: 31.87%;
          text-align: right;
          img.img_list {
            display: none;
            margin: 0 auto;
            width: 85%;
          }
          .us_title {
            position: absolute;
            bottom: 20*$abs414/$screen414+em;
            right: 20*$abs414/$screen414+em;
            & > img {
              width: 25%;
            }
            & > div {
              display: inline-block;
              color: #fff;
              font-size: 20*$abs414/$screen414+em;
              .small {
                font-size: .5em;
              }
              font-weight: 500;
            }
          }
          &:nth-child(3n-1) {
            margin-top: 10*$abs414/$screen414+em;
          }
          &:nth-child(even) {
            background-color: #96d1ef;

          }
        }
      }
      .map_box {
        width: 100%;
        height: 240*$abs414/$screen414+em;
        background-color: #96d1ef;
        position: relative;
        margin-top: 30*$abs414/$screen414+em;
        #map {
          position: absolute;
          top: 3*$abs414/$screen414+em;
          bottom: 3*$abs414/$screen414+em;
          left: 3*$abs414/$screen414+em;
          right: 3*$abs414/$screen414+em;
          overflow: hidden;
        }
      }

    }
    .copyright {
      position: absolute;
      bottom: 0;
      width: 100%;
      text-align: center;
      margin: 0 auto;
      background-color: transparent;
      font-size: 20*$abs414/$screen414+em;
      & > p {
        margin: 10*$abs414/$screen414+em auto;
      }

    }
  }

  ._2index1 {
    div.header {
      position: absolute;
      display: block;
      background-color: rgba(255, 255, 255, 0.3);
      .nav > li {
        a {
          color: #797979;
        }
      }
    }
    div._2header {
      height: 390*$abs414/$screen414+em;
      background-color: #1287f0;
      background-image: url($img_url_app+ "index1_11.png");
      background-repeat: no-repeat;
      background-size: auto 63%;
      background-position: 0% bottom;
      color: #fff;
      padding-left: 11%;
      .slogan1 {
        width: 79%;
        height: (190/1.5)*$abs414/$screen414+em;
        line-height: (314/1.5)*$abs414/$screen414+em;
        font-size: 1.5em;
      }
      .slogan2 {
        width: 40%;
        font-size: .8em;
        line-height: (45/.8)*$abs414/$screen414+em;
      }
    }
    ._2nav {
      width: 100%;
      text-align: left;
      border-bottom: 1px solid #ddd;
      overflow-x: auto;
      .x-overflow {
        width: 150%;
        .item {
          text-align: center;
          cursor: pointer;
          display: inline-block;
          font-size: 1em;
          line-height: (80/1)*$abs414/$screen414+em;
          padding: 0 (3/1)*$abs414/$screen414+em;
          margin: 0 3.07%;
          border-bottom: 1px solid transparent;
          &.active {
            border-bottom-color: #05a4cc;
            color: #05a4cc;
          }
        }
      }

    }
    ._2article {
      text-align: center;
      padding: 0 15*$abs414/$screen414+em;
      background-color: #eef3f7;
      overflow: hidden;
      position: absolute;
      top: (394+80)*$abs414/$screen414+em;
      bottom: 140*$abs414/$screen414+em;
      left: 0;
      right: 0;
      #scroller {
        position: absolute;
        ul {
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          justify-content: space-between;
          align-items: flex-start;
          overflow: hidden;
          padding-bottom: 100*$abs414/$screen414+em;
          li.item {
            text-align: center;
            width: 40.27%;
            display: inline-block;
            margin: 0 25*$abs414/$screen414+em;
            &.active {
              color: #00a6ca;
            }
            dl {
              width: 100%;
              dt {
                height: 270*$abs414/$screen414+em;
                line-height: 270*$abs414/$screen414+em;
                overflow: hidden;
                img {
                  width: 100%;
                  vertical-align: middle;
                }
              }
              dd {
                width: 100%;
                span {
                  display: inline-block;
                  line-height: 50*$abs414/$screen414+em;
                  color: #2a2a2a;
                  margin: 20*$abs414/$screen414+em 0;
                }
              }
            }
          }
        }
      }

    }

    .copyright {
      position: absolute;
    }
  }
  .solution {
    div.header {
      position: absolute;
      display: block;
      background-color: rgba(255, 255, 255, .7);
      .nav > li {
        a {
          color: #797979;
        }
      }
    }
    .solutionHeader {
      width: 100%;
      height: 370*$abs414/$screen414+em;
      img {
        height: 100%;
        width: 100%;
      }
    }
    .content {
      img {
        width: 100%;
      }
    }
  }
  .graphicSubPage {
    overflow: hidden;
    background-color: #fff;
    div.header {
      position: absolute;
      display: block;
      background-color: rgba(255, 255, 255, .5);
      .nav > li {
        a {
          color: #908d94;
        }
        &.active {
          a {
            color: #ff7607;
          }
        }
      }
    }
    .graphicSubPageHeader {
      height: 391*$abs414/$screen414+em;
      background-color: #36cba3;
      overflow: hidden;
      .slogan1 {
        font-size: 55*$abs414/$screen414+em;
        line-height: 75/(55*$abs414/$screen414)*$abs414/$screen414+em;
        margin-top: 168/(55*$abs414/$screen414)*$abs414/$screen414+em;
        margin-left: 264/(55*$abs414/$screen414)*$abs414/$screen414+em;
        width: 50%;
        text-align: center;
        color: #fffefe;
      }
    }
    .content {
      padding: 0 29*$abs414/$screen414+em;
      .title0 {
        height: 48*$abs414/$screen414+em;
        border-bottom: 1px solid #98ebed;
        text-align: center;
        span {
          font-size: 30*$abs414/$screen414+em;
          line-height: 96/(30*$abs414/$screen414)*$abs414/$screen414+em;
          padding: 0 25/(30*$abs414/$screen414)*$abs414/$screen414+em;
          background-color: #fff;
          font-weight: 600;
        }
      }
      .title1 {
        font-size: 26*$abs414/$screen414+em;
        line-height: 150/(26*$abs414/$screen414)*$abs414/$screen414+em;
        height: 110/(26*$abs414/$screen414)*$abs414/$screen414+em;
        text-indent: 28/(26*$abs414/$screen414)*$abs414/$screen414+em;
        padding: 0 33/(26*$abs414/$screen414)*$abs414/$screen414+em;
        color: #04a3cb;
        font-weight: 600;
      }
      .introduction {
        line-height: 40/(20*$abs414/$screen414)*$abs414/$screen414+em;
        font-size: 20*$abs414/$screen414+em;
        color: #5e5c5c;
        padding: 0 33/(26*$abs414/$screen414)*$abs414/$screen414+em;
        img {
          width: 100%;
        }
      }
      .showmoreIntroduction {
        line-height: 140/(20*$abs414/$screen414)*$abs414/$screen414+em;
        height: 130/(20*$abs414/$screen414)*$abs414/$screen414+em;
        font-size: 20*$abs414/$screen414+em;
        color: #1c7480;
        text-align: center;
      }
    }
    //.content2 {
    //  ul.characteristic {
    //    width: 100%;
    //    li {
    //      width: 100%;
    //      overflow: hidden;
    //      border-bottom: 1px solid #dce6ee;
    //      .left {
    //        width: 22.65%;
    //        float: left;
    //        font-size: 44*$abs414/$screen414+em;
    //        height: 96/(44*$abs414/$screen414)*$abs414/$screen414+em;
    //        line-height: 126/(44*$abs414/$screen414)*$abs414/$screen414+em;
    //        color: #66b699;
    //        text-align: center;
    //        font-family: "宋体";
    //        font-style: italic;
    //      }
    //      .slogan1 {
    //        float: right;
    //        width: 77%;
    //        font-size: 20*$abs414/$screen414+em;
    //        height: 96/(20*$abs414/$screen414)*$abs414/$screen414+em;
    //        line-height: 116/(20*$abs414/$screen414)*$abs414/$screen414+em;
    //        color: #333333;
    //      }
    //    }
    //    margin-bottom: 36*$abs414/$screen414+em;
    //  }
    //  & > .slogan3 {
    //    font-size: 20*$abs414/$screen414+em;
    //    line-height: 40/(20*$abs414/$screen414)*$abs414/$screen414+em;
    //    margin: 60/(20*$abs414/$screen414)*$abs414/$screen414+em 33/(20*$abs414/$screen414)*$abs414/$screen414+em 0;
    //    border-bottom: 1px solid #dce6ee;
    //  }
    //}

  }
  .fiscalFunds {
    overflow: hidden;
    background-color: #fff;
    div.header {
      position: absolute;
      display: block;
      background-color: rgba(255, 255, 255, .5);
      .nav > li {
        a {
          color: #908d94;
        }
        &.active {
          a {
            color: #ff7607;
          }
        }
      }
    }
    .fiscalFundsHeader {
      height: 375*$abs414/$screen414+em;
      background-color: #4ca1d0;
      padding-left: 8%;
      overflow: hidden;
      .slogan1 {
        font-size: 48*$abs414/$screen414+em;
        color: #fefefe;
        margin-top: 152/(48*$abs414/$screen414)*$abs414/$screen414+em;
      }
      .slogan2 {
        font-size: 30*$abs414/$screen414+em;
        margin-top: 43/(30*$abs414/$screen414)*$abs414/$screen414+em;
        color: #feffff;
      }
    }
    .content {
      width: 100%;
      overflow: hidden;
      .step {
        padding: 0 7.91%;
        overflow: hidden;
        .steptitle {
          height: 130*$abs414/$screen414+em;
          line-height: 130*$abs414/$screen414+em;
          margin: 2.96% 0;
          padding-left: .59em;
          .slogan1 {
            display: inline-block;
            background-color: #ffa631;
            transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            width: 91*$abs414/$screen414+em;
            height: 91*$abs414/$screen414+em;
            line-height: 91*$abs414/$screen414+em;
            text-align: center;
            span {
              color: #fefefe;
              font-size: 48.4*$abs414/$screen414+em;
              transform: rotate(-45deg);
              -ms-transform: rotate(-45deg);
              -moz-transform: rotate(-45deg);
              -webkit-transform: rotate(-45deg);
              display: inline-block;
            }
          }
          .slogan2 {
            display: inline-block;
            font-size: 36*$abs414/$screen414+em;
            color: #000000;
            margin-left: 5.6%;
          }
        }
      }
      .step1 {
        background-color: #eceae5;
        background-image: url($img_url_app+ "caizhen1app.png");
        background-size: 100% 55%;
        background-repeat: no-repeat;
        .financialSituation {
          margin-top: -10*$abs414/$screen414+em;
          margin-bottom: 6.5%;
          .right, .left {
            display: block;
            font-size: 22*$abs414/$screen414+em;
            height: 45/(22*$abs414/$screen414)*$abs414/$screen414+em;
            line-height: 45/(22*$abs414/$screen414)*$abs414/$screen414+em;
            white-space: nowrap;

          }
          .item1 {
            margin-left: 32.28%;
          }
          .item2 {
            margin-left: 42.83%;
          }
          .item3, .item4 {
            margin-left: 48.59%;
          }
          .item5 {
            margin-left: 37.89%;
          }
        }
        .solutionWay {
          .slogan1 {
            margin-bottom: 7.08%;
            font-size: 36*$abs414/$screen414+em;
            margin-top: -20/(36*$abs414/$screen414)*$abs414/$screen414+em;
            color: #003f6f;
            text-align: center;
          }
          .left {
            height: 250*$abs414/$screen414+em;
            width: 100%;
            background-image: url($img_url+ "caizhen2.png");
            background-repeat: no-repeat;
            background-size: 97% auto;
            background-position: center;
            position: relative;
            .I3_but {
              font-size: 24*$abs414/$screen414+em;
              color: #5b5b5b;
              position: absolute;
            }
            .I3_but1, .I3_but2 {
              top: 0;
            }
            .I3_but3, .I3_but4 {
              bottom: 0;
            }
            .I3_but1 {
              left: 10/(24*$abs414/$screen414)*$abs414/$screen414+em;
            }
            .I3_but2 {
              left: 51.07%;
            }
            .I3_but3 {
              left: 26%;
            }
            .I3_but4 {
              right: 0;
            }
          }
          padding-bottom: 7.41%;
        }
      }
      .step2 {
        .steptitle {
          .slogan1 {
            background-color: #92cd3e;
          }
        }
        .I4_mainall {
          height: 615*$abs414/$screen414+em;
          position: relative;
          .I4M_main {
            width: 33.33%;
            text-align: center;
            position: absolute;
            img {
              width: 56.83%;
            }
            & > div {
              font-size: 22*$abs414/$screen414+em;
            }
          }
          .item1 {
            top: 70*$abs414/$screen414+em;
            left: (70-43.66)*$abs414/$screen414+em;
          }
          .item2 {
            top: 27*$abs414/$screen414+em;
            left: (310-43.66)*$abs414/$screen414+em;
          }
          .item3 {
            top: 229*$abs414/$screen414+em;
            left: (248-43.66)*$abs414/$screen414+em;
          }
          .item4 {
            top: 182*$abs414/$screen414+em;
            left: (456-43.66)*$abs414/$screen414+em;
          }
          .item5 {
            top: 270*$abs414/$screen414+em;
            left: (48-43.66)*$abs414/$screen414+em;
          }
          .item6 {
            top: 418*$abs414/$screen414+em;
            left: (210-43.66)*$abs414/$screen414+em;
          }
          .item7 {
            top: 399*$abs414/$screen414+em;
            left: (410-43.66)*$abs414/$screen414+em;
          }

        }
        & > .slogan1 {
          font-size: 22*$abs414/$screen414+em;
          color: #003f6f;
        }
      }
      .step3 {
        padding-bottom: 2.77%;
        background-color: #e6ebf0;
        .steptitle {
          .slogan1 {
            background-color: #3fb3de;
          }
        }
        .list1 {
          width: 100%;
          li.item1 {
            background-color: #fff;
            padding: 0 1.67%;
            margin-bottom: 1.64%;
            &.active {
              .list2 {
                height: auto;
              }
            }
            .left {
              position: relative;
              height: 95*$abs414/$screen414+em;
              line-height: 95*$abs414/$screen414+em;
              & > div {
                text-indent: 9.88%;
                font-size: 34.15*$abs414/$screen414+em;
              }
              .icon {
                position: absolute;
                top: 0;
                right: 0;
                display: inline-block;
                height: 100%;
                width: 16.47%;
                background: url($img_url_app+ "caizhen2app.png") no-repeat center;
                background-size: auto 25%;
                transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                -webkit-transform: rotate(180deg);
              }
            }
            .list2 {
              height: 0;
              overflow: hidden;
              transition: height 500ms linear 0s;
              width: 100%;
              border-top: 1px solid #d2d2d2;
              .item2 {
                width: 50%;
                padding: 2.89% 0;
                display: inline-block;
                & > div {
                  font-size: 24*$abs414/$screen414+em;
                  height: 56/(24*$abs414/$screen414)*$abs414/$screen414+em;
                  line-height: 56/(24*$abs414/$screen414)*$abs414/$screen414+em;
                  white-space: nowrap;
                  padding-left: 5%;
                  color: #7f7f7f;

                }
              }
            }
          }
        }
      }
      .step4 {
        .steptitle {
          .slogan1 {
            background-color: #35ae52;
          }
        }
        .list {
          width: 100%;
          li {
            overflow: hidden;
            width: 100%;
            height: 108*$abs414/$screen414+em;
            border: 1px solid #3bb9bd;
            margin: 2.14% 0;
            &:nth-child(even) {
              padding-left: 9.88%;
            }
            .number {
              float: left;
              width: 21.25%;
              height: 100%;
              font-size: 44*$abs414/$screen414+em;
              color: #66b699;
              background-image: url($img_url_app+ "caizhen3app.png");
              background-repeat: no-repeat;
              background-position: center;
              background-size: 68.21% auto;
              text-align: center;
              line-height: 108/(44*$abs414/$screen414)*$abs414/$screen414+em;
            }
            .slogan1 {
              float: left;
              width: 78%;
              font-size: 26*$abs414/$screen414+em;
              margin-top: 3%;
              color: #313131;
            }
            .slogan2 {
              float: left;
              width: 78%;
              text-overflow: ellipsis;
              white-space: nowrap;
              overflow: hidden;
              font-size: 18*$abs414/$screen414+em;
              color: #7a7a7a;
            }
          }
        }
      }
      .step5 {
        .steptitle {
          .slogan1 {
            background-color: #3bb9bd;
          }
        }
        .right {
          .slogan1 {
            font-size: 24*$abs414/$screen414+em;
            color: #003f6f;
          }
          .list {
            width: 100%;
            padding: 11.53% 0;
            border-bottom: 1px solid #68abce;
            li {
              overflow: hidden;
              .number {
                display: inline-block;
                position: relative;
                border: 2px solid #3bb9bd;
                width: 89*$abs414/$screen414+em;
                height: 89*$abs414/$screen414+em;
                border-radius: 50%;
                float: left;
                span {
                  display: inline-block;
                  width: 75*$abs414/$screen414+em;
                  height: 75*$abs414/$screen414+em;
                  line-height: 75*$abs414/$screen414+em;
                  text-align: center;
                  color: #fff;
                  background-color: #3bb9bd;
                  position: absolute;
                  right: 4/(75*$abs414/$screen414)*$abs414/$screen414+em;
                  bottom: 4/(75*$abs414/$screen414)*$abs414/$screen414+em;
                  border-radius: 50%;
                }
              }
              .slogan2 {
                margin-top: 18/(26*$abs414/$screen414)*$abs414/$screen414+em;
                margin-left: 27/(26*$abs414/$screen414)*$abs414/$screen414+em;
                display: inline-block;
                font-size: 26*$abs414/$screen414+em;
                line-height: 50/(26*$abs414/$screen414)*$abs414/$screen414+em;
                padding-right: 10/(26*$abs414/$screen414)*$abs414/$screen414+em;
                color: #4b4b4b;
                float: left;
                border-bottom: 2px solid #d1d1d1;
              }

            }
            .item1 {
              padding-left: 3.62%;
            }
            .item2 {
              margin-top: -10*$abs414/$screen414+em;
              padding-left: 16.47%;
            }
            .item3 {
              margin-top: -10*$abs414/$screen414+em;
              padding-left: 28.83%;
            }
          }
        }
      }
    }
  }
  ._2index8 {
    background-color: #e8edf1;
    //height: 100%;
    div.header {
      position: absolute;
      display: block;
      background-color: rgba(255, 255, 255, .5);
      .nav > li {
        a {
          color: #908d94;
        }
        &.active {
          a {
            color: #ff7607;
          }
        }
      }
    }
    div._2header {
      & > div {
        height: 100%;
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-position: center;
      }
      height: 420*$abs414/$screen414+em;
      color: #fff;
      overflow: hidden;
      .article1 {
        background-image: url($img_url+ "inde8_header1.png");
      }
      .article2 {
        background-image: url($img_url+ "inde8_header1.png");
      }
      .article4 {
        height: 100%;
        background-color: #a0b9d5;
        background-image: url($img_url+ "inden8_1.png");
        background-size: auto 100%;
        background-position: left center;
        .slogan1 {
          height: (200/(68*$abs414/$screen414))*$abs414/$screen414+em;
          line-height: (320/(68*$abs414/$screen414))*$abs414/$screen414+em;
          font-size: 68*$abs414/$screen414+em;
          text-indent: 13.19%;
        }
        .slogan2 {
          height: (130/(68*$abs414/$screen414))*$abs414/$screen414+em;
          line-height: (200/(68*$abs414/$screen414))*$abs414/$screen414+em;
          font-size: 68*$abs414/$screen414+em;
          text-indent: 43%;

        }
      }
      .article5 {
        overflow: hidden;
        .slogan1 {
          color: #fff;
          margin: 24.1% 0 0 17.91%;
          font-size: 59.93*$abs414/$screen414+em;
        }
        height: 100%;
        background-image: url($img_url_app+ "enterprise1.png");
        background-size: cover;
      }
    }
    ._2nav {
      display: none;
    }
    ._2section {
      display: none;
    }
    ._2article {
      text-align: left;
      padding: 60*$abs414/$screen414+em 9.722% 0;
      overflow: hidden;
      margin: 0 auto;
      display: inline-block;
      .news_cont {
        width: 100%;
        float: right;
        .cont_header {
          text-align: left;
          .title {
            height: (54/1.09)*$abs414/$screen414+em;
            line-height: (54/1.09)*$abs414/$screen414+em;
            font-size: 1.09em;
          }
          .relatedData {
            height: (89/0.69)*$abs414/$screen414+em;
            line-height: (89/0.69)*$abs414/$screen414+em;
            font-size: 0.69em;
            & > div {
              display: inline-block;
              color: #9d9d9d;
            }
            .type {
              display: none;
            }
          }
        }
        .cont_detail {
          border-bottom: 1px dotted #0d3349;
          border-top: 1px dotted #0d3349;
          text-indent: 4.8%;
          line-height: (45/0.69)*$abs414/$screen414+em;
          padding-top: (35/0.69)*$abs414/$screen414+em;
          padding-bottom: 70px;
          font-size: 0.69em;
        }
        .article_change {
          display: none;
        }
      }

    }
    .newsList_title {
      width: 100%;
      text-align: center;
      .slogan1 {
        height: (145/2)*$abs414/$screen414+em;
        line-height: (120/2)*$abs414/$screen414+em;
        font-size: 2em;
        color: #79a8df;
        z-index: 9;
      }
      .slogan2 {
        font-size: 2em;
        height: 0;
        position: relative;
        top: -(90/2)*$abs414/$screen414+em;
        color: #fff;
        z-index: 8;
      }
    }

    .view_box {
      ._2newsDetail {
        padding: 0 9.722%;
        //margin-bottom: 22.22%;
        .news_cont {
          .cont_header {
            border-bottom: 1px dotted #bfc3c6;
            .title {
              font-size: 36*$abs414/$screen414+em;
              height: 92/(36*$abs414/$screen414)*$abs414/$screen414+em;
              line-height: 132/(36*$abs414/$screen414)*$abs414/$screen414+em;
            }
            .relatedData {
              font-size: 24*$abs414/$screen414+em;
              height: 90/(24*$abs414/$screen414)*$abs414/$screen414+em;
              line-height: 90/(24*$abs414/$screen414)*$abs414/$screen414+em;
              color: #6c6c6c;
            }
          }
          .cont_detail {
            font-size: 18*$abs414/$screen414+em;
            line-height: 40/(18*$abs414/$screen414)*$abs414/$screen414+em;
            color: #252525;
            text-indent: 43/(18*$abs414/$screen414)*$abs414/$screen414+em;
            margin: 45/(18*$abs414/$screen414)*$abs414/$screen414+em 0 0 0;
            padding-bottom: 45/(18*$abs414/$screen414)*$abs414/$screen414+em;
            border-bottom: 1px solid #ddd;
          }
        }
      }
      .followUs {
        overflow: hidden;
        background-color: #fff;
        .enterpriseHonorHeader {
          height: 420*$abs414/$screen414+em;
          background-color: #9b6b3b;

          overflow: hidden;
          .slogan1 {

          }
        }
        .content {
          padding: 50*$abs414/$screen414+em 6.94% 0 6.94%;
          width: 100%;
          ul.honors {
            width: 100%;
            //overflow: hidden;
            padding-bottom: 9.72%;
            border-bottom: 1px solid #dad7d7;
            & > li {
              display: inline-block;
              border: 1px solid #bbd4d9;
              width: 46.38%;
              box-shadow: 0 0 20px #a9dce9;
              margin-bottom: 30*$abs414/$screen414+em;
              .enterpriseHonor_title {
                margin: 15*$abs414/$screen414+em 15*$abs414/$screen414+em 0 15*$abs414/$screen414+em;
                img {
                  width: 100%;
                }
              }
              .enterpriseHonor_info {
                border-top: 1px solid #dbdbdb;
                height: 66*$abs414/$screen414+em;
                line-height: 66*$abs414/$screen414+em;
                text-align: center;
                .jia {
                  display: inline-block;
                  width: 35*$abs414/$screen414+em;
                  height: 35*$abs414/$screen414+em;
                  line-height: 35*$abs414/$screen414+em;
                  text-align: center;
                  border: 1px solid #ddd;
                  border-radius: 50%;
                  color: #4095a9;
                  background-image: url($img_url_app+ "jia.png");
                  background-repeat: no-repeat;
                  background-position: center;
                  background-size: 70%;
                }
              }
              &:nth-child(even) {
                //float: right;
                margin-left: 7.2%;
              }
              &:nth-child(odd) {
                //float: left;
              }
            }
          }
        }
        .dialog {
          position: fixed;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          background-color: rgba(0, 0, 0, 0.5);
          .certificate {
            position: absolute;
            top: 21.12%;
            height: 910*$abs414/$screen414+em;
            overflow: auto;
            left: 6.86%;
            right: 6.86%;
            background-color: #fff;
            border-radius: 8px;
            padding: 12% 5.84% 6%;
            .certificateImg {
              width: 100%;
              text-align: center;
              img {
                margin: 0 auto;
                max-width: 100%;
                max-height: 327*$abs414/$screen414+em;
                border-radius: 8px;
              }
            }
            .certificateName {
              color: #70b6ef;
              font-size: 25*$abs414/$screen414+em;
              height: 26/(25*$abs414/$screen414)*$abs414/$screen414+em;
              line-height: 26/(25*$abs414/$screen414)*$abs414/$screen414+em;
              border-left: 3px solid #70b6ef;
              margin: 30/(25*$abs414/$screen414)*$abs414/$screen414+em 0 20/(25*$abs414/$screen414)*$abs414/$screen414+em;
              text-indent: 13/(25*$abs414/$screen414)*$abs414/$screen414+em;
            }
            .certificateList {
              font-size: 16*$abs414/$screen414+em;
              line-height: 30/(16*$abs414/$screen414)*$abs414/$screen414+em;
              color: #949494;
              height: 200/(16*$abs414/$screen414)*$abs414/$screen414+em;
              overflow: auto;
              padding: 0 4.34%;
              text-indent: 6.52%;
            }
          }
        }
      }
      .enterpriseHonor {
        overflow: hidden;
        background-color: #fff;
        .enterpriseHonorHeader {
          height: 420*$abs414/$screen414+em;
          background-color: #9b6b3b;

          overflow: hidden;
          .slogan1 {

          }
        }
        .content {
          padding: 50*$abs414/$screen414+em 6.94% 0 6.94%;
          width: 100%;
          ul.honors {
            width: 100%;
            //overflow: hidden;
            padding-bottom: 9.72%;
            border-bottom: 1px solid #dad7d7;
            & > li {
              display: inline-block;
              border: 1px solid #bbd4d9;
              width: 46.38%;
              box-shadow: 0 0 20px #a9dce9;
              margin-bottom: 30*$abs414/$screen414+em;
              .enterpriseHonor_title {
                margin: 15*$abs414/$screen414+em 15*$abs414/$screen414+em 0 15*$abs414/$screen414+em;
                img {
                  width: 100%;
                }
              }
              .enterpriseHonor_info {
                border-top: 1px solid #dbdbdb;
                height: 66*$abs414/$screen414+em;
                line-height: 66*$abs414/$screen414+em;
                text-align: center;
                .jia {
                  display: inline-block;
                  width: 35*$abs414/$screen414+em;
                  height: 35*$abs414/$screen414+em;
                  line-height: 35*$abs414/$screen414+em;
                  text-align: center;
                  border: 1px solid #ddd;
                  border-radius: 50%;
                  color: #4095a9;
                  background-image: url($img_url_app+ "jia.png");
                  background-repeat: no-repeat;
                  background-position: center;
                  background-size: 70%;
                }
              }
              &:nth-child(even) {
                //float: right;
                margin-left: 7.2%;
              }
              &:nth-child(odd) {
                //float: left;
              }
            }
            & > .left {
              float: left;
              clear: left;
            }
            & > .right {
              float: right;
              clear: right;
            }
          }
        }
        .dialog {
          position: fixed;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          background-color: rgba(0, 0, 0, 0.5);
          .certificate {
            position: absolute;
            top: 21.12%;
            height: 910*$abs414/$screen414+em;
            overflow: auto;
            left: 6.86%;
            right: 6.86%;
            background-color: #fff;
            border-radius: 8px;
            padding: 12% 5.84% 6%;
            .certificateImg {
              width: 100%;
              text-align: center;
              background-color: #e7e6e6;
              border-radius: 5px;
              img {
                margin: 0 auto;
                max-width: 100%;
                max-height: 327*$abs414/$screen414+em;
                vertical-align: center;
              }
            }
            .certificateName {
              color: #70b6ef;
              font-size: 25*$abs414/$screen414+em;
              height: 26/(25*$abs414/$screen414)*$abs414/$screen414+em;
              line-height: 26/(25*$abs414/$screen414)*$abs414/$screen414+em;
              border-left: 3px solid #70b6ef;
              margin: 30/(25*$abs414/$screen414)*$abs414/$screen414+em 0 20/(25*$abs414/$screen414)*$abs414/$screen414+em;
              text-indent: 13/(25*$abs414/$screen414)*$abs414/$screen414+em;
            }
            .certificateList {
              font-size: 16*$abs414/$screen414+em;
              line-height: 30/(16*$abs414/$screen414)*$abs414/$screen414+em;
              color: #949494;
              height: 200/(16*$abs414/$screen414)*$abs414/$screen414+em;
              overflow: auto;
              padding: 0 4.34%;
              text-indent: 6.52%;
            }
          }
        }
      }
      .newsList {
        width: 100%;
        padding: 0 4.02%;
        text-align: center;
        overflow: hidden;
        position: absolute;
        bottom: (35+25+30*2)*$abs414/$screen414+em;
        top: (145+420)*$abs414/$screen414+em;
        background-color: #e8edf1;
        ul {
          overflow: hidden;
          padding: 2em 0;
          li {
            width: 100%;
            background-color: #fff;
            height: 93*$abs414/$screen414+em;
            line-height: 93*$abs414/$screen414+em;
            margin-bottom: 18*$abs414/$screen414+em;
            .left {
              text-indent: 3.47%;
              font-size: .89em;
              display: inline-block;
              width: 68.18%;
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden;
              float: left;
              text-decoration: none;
              color: inherit;
              text-align: left;
            }
            .right {
              font-size: .79em;
              display: inline-block;
              width: 29.54%;
              float: right;
            }
          }
        }

      }
    }

    .copyright {
      position: absolute;
      bottom: 0;
    }
  }
  .joinUs {
    overflow: hidden;
    background-color: #fff;
    div.header {
      position: absolute;
      display: block;
      background-color: rgba(255, 255, 255, .5);
      .nav > li {
        a {
          color: #717171;
        }
        &.active {
          a {
            color: #ff7607;
          }
        }
      }
    }
    .joinUsHeader {
      height: 420*$abs414/$screen414+em;
      background-color: #9b6b3b;
      background-image: url($img_url+ "joinusbg.png");
      background-repeat: no-repeat;
      background-size: auto 100%;
      background-position: 50% 0;
    }
    .content {
      padding: 0 9.44%;
      .title {
        font-size: 40*$abs414/$screen414+em;
        line-height: (60/(40*$abs414/$screen414))*$abs414/$screen414+em;
        margin: (20/(40*$abs414/$screen414))*$abs414/$screen414+em 0;
        span {
          display: block;
        }
        .slogan1 {
          margin-left: (40/(40*$abs414/$screen414))*$abs414/$screen414+em;
        }
        .slogan2 {
          margin-left: (115/(40*$abs414/$screen414))*$abs414/$screen414+em;
        }
      }
      ul.jobs {
        width: 100%;

        & > li {
          margin-bottom: 20*$abs414/$screen414+em;
          width: 100%;
          overflow: hidden;
          &.active {
            .jobs_title {
              background-color: #84bcef;
              color: #fff;
              background-image: url($img_url+ "img10.png");
            }
            .jobs_info {
              display: block;
            }
          }
          .jobs_title {
            line-height: (90/(30*$abs414/$screen414))*$abs414/$screen414+em;
            font-size: 30*$abs414/$screen414+em;
            text-align: center;
            background-color: #e3edf7;
            background-image: url($img_url+ "img11.png");
            background-repeat: no-repeat;
            background-position: 95% center;
            background-size: auto 18%;
            color: #4a6a81;

          }
          .jobs_info {
            display: none;
            width: 100%;
            padding: 0 6.66%;
            text-align: center;
            border: 1px solid #ddd;
            border-top: none;
            & > p {
              line-height: (89/(25*$abs414/$screen414))*$abs414/$screen414+em;
              font-size: 25*$abs414/$screen414+em;
              text-align: left;
            }
            ul.list {
              list-style: decimal;
              width: 100%;
              overflow: hidden;
              li {
                font-size: 20*$abs414/$screen414+em;
                list-style: decimal;
                line-height: (35/(20*$abs414/$screen414))*$abs414/$screen414+em;
                text-align: left;
              }
            }
            .application {
              display: inline-block;
              border: 1px solid #357eb3;
              color: #357eb3;
              border-radius: 3px;
              font-size: 25*$abs414/$screen414+em;
              padding: (8/(25*$abs414/$screen414))*$abs414/$screen414+em (18/(25*$abs414/$screen414))*$abs414/$screen414+em;
              margin: (23/(25*$abs414/$screen414))*$abs414/$screen414+em (18/(25*$abs414/$screen414))*$abs414/$screen414+em;
            }
          }
        }
      }
    }
    .dialog {
      .dialog_cont {
        .overauto {
          .applicationList {
            li.applicationItem1 {
              background-image: url($img_url_app+ "join1.png");
            }
            li.applicationItem2 {
              background-image: url($img_url_app+ "application3.png");
            }
            li.applicationItem3 {
              background-image: url($img_url_app+ "application4.png");
            }
            li.applicationItem4 {
              background-image: url($img_url_app+ "join2.png");
            }
          }
          .submit {
            border-radius: 3px;
            font-size: 40*$abs414/$screen414+em;
            height: 78/(40*$abs414/$screen414)*$abs414/$screen414+em;
            line-height: 78/(40*$abs414/$screen414)*$abs414/$screen414+em;
            width: 100%;
            text-align: center;
            color: #fff;
            margin: (30/40)+em 0;
            background-color: #1a9ed9;
          }
          .slogan1 {
            padding: 0 4.8%;
            width: 100%;
            font-size: 24*$abs414/$screen414+em;
            line-height: (50/24)+em;
            overflow: hidden;
            .left {
              width: 19.6%;
              display: inline-block;
              float: left;
            }
            .right {
              width: 78%;
              display: inline-block;
              float: right;

            }
          }
          .myCall {
            display: block;
            border-radius: 3px;
            font-size: 40*$abs414/$screen414+em;
            height: 78/(40*$abs414/$screen414)*$abs414/$screen414+em;
            line-height: 78/(40*$abs414/$screen414)*$abs414/$screen414+em;
            width: 100%;
            text-align: center;
            color: #fff;
            margin: (30/40)+em 0;
            background-color: #e99900;
            text-decoration: none;

          }
        }

      }

    }
    //.dialog {
    //  position: fixed;
    //  top: 0;
    //  bottom: 0;
    //  left: 0;
    //  right: 0;
    //  background-color: rgba(0, 0, 0, .5);
    //  .send_application {
    //    position: absolute;
    //    top: 75*$abs414/$screen414+em;
    //    bottom: 75*$abs414/$screen414+em;
    //    left: 40*$abs414/$screen414+em;
    //    right: 40*$abs414/$screen414+em;
    //    background-color: #fff;
    //    border-radius: 10px;
    //    padding: 0 6.83%;
    //    overflow: auto;
    //    .title {
    //      font-size: 43*$abs414/$screen414+em;
    //      height: 115/(43*$abs414/$screen414)*$abs414/$screen414;
    //      line-height: 140/(43*$abs414/$screen414)*$abs414/$screen414;
    //      text-align: center;
    //    }
    //    ul.list {
    //      width: 100%;
    //      li {
    //        width: 100%;
    //        height: 100/(30*$abs414/$screen414)*$abs414/$screen414+em;
    //        line-height: 100/(30*$abs414/$screen414)*$abs414/$screen414+em;
    //        font-size: 30*$abs414/$screen414+em;
    //        position: relative;
    //        .right {
    //          width: 100%;
    //          border-radius: 4px;
    //          border: 1px solid #9b9b9b;
    //          height: 80/(30*$abs414/$screen414)*$abs414/$screen414+em;
    //          text-indent: 100/(30*$abs414/$screen414)*$abs414/$screen414+em;
    //        }
    //        .left {
    //          position: absolute;
    //          left: 20/(30*$abs414/$screen414)*$abs414/$screen414+em;
    //        }
    //        textarea.right {
    //          display: inline-block;
    //          height: 100%;
    //          overflow: auto;
    //          text-indent: 0;
    //          padding-left: 22%;
    //          line-height: 50/(30*$abs414/$screen414)*$abs414/$screen414+em;
    //        }
    //      }
    //    }
    //    .submit, .slogan4 {
    //      width: 100%;
    //      display: block;
    //      text-decoration: none;
    //      font-size: 40*$abs414/$screen414+em;
    //      height: 77/(40*$abs414/$screen414)*$abs414/$screen414+em;
    //      line-height: 77/(40*$abs414/$screen414)*$abs414/$screen414+em;
    //      background-color: #1a9ed9;
    //      border-radius: 8px;
    //      text-align: center;
    //      color: #fff;
    //      margin: 20/(40*$abs414/$screen414)*$abs414/$screen414+em 0;
    //    }
    //    .slogan1, .slogan2, .slogan3 {
    //      font-size: 22*$abs414/$screen414+em;
    //      line-height: 45/(22*$abs414/$screen414)*$abs414/$screen414+em;
    //      color: #6a6a6a;
    //      span {
    //        display: inline-block;
    //      }
    //      .left {
    //        width: 25%;
    //        text-align: center;
    //      }
    //      .right {
    //        width: 73%;
    //        vertical-align: top;
    //      }
    //    }
    //    .slogan4 {
    //      background-color: #e99900;
    //      margin: 8.92% auto 12.5%;
    //    }
    //    .esc {
    //      position: fixed;
    //      top: 75*$abs414/$screen414+em;
    //      right: 56*$abs414/$screen414+em;
    //    }
    //
    //  }
    //}

  }
  .staticPage {
    div.header {
      position: absolute;
      display: block;
      background-color: rgba(255, 255, 255, .5);
      .nav > li {
        a {
          color: #717171;
        }
        &.active {
          a {
            color: #ff7607;
          }
        }
      }
    }
    .staticPage1PageHeader {
      height: 420*$abs414/$screen414+em;
      background-color: #00a2ff;
      background-repeat: no-repeat;
      background-size: 100% auto;
      background-position: center bottom;
    }
    .content {
      img {
        width: 100%;
      }
    }
  }
  .copyright {
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: (35/(20*$abs414/$screen414))*$abs414/$screen414+em (25/(20*$abs414/$screen414))*$abs414/$screen414+em;
    font-size: 20*$abs414/$screen414+em;
    line-height: (30/(20*$abs414/$screen414))*$abs414/$screen414+em;
    //background-color: #fff;
  }
  .companyProfile {
    .title {
      text-align: center;
      .slogan1 {
        font-size: 60*$abs414/$screen414+em;
        height: 89/(60*$abs414/$screen414)*$abs414/$screen414+em;
        line-height: 160/(60*$abs414/$screen414)*$abs414/$screen414+em;
        color: #79a8df;
        z-index: 9;
      }
      .slogan2 {
        font-size: 46*$abs414/$screen414+em;
        height: 70/(46*$abs414/$screen414)*$abs414/$screen414+em;
        color: #fff;
        z-index: 8;
        text-transform: uppercase;

      }
    }
    .cont_detail {
      margin: 0 9.72%;
      padding-bottom: 22.22%;
      font-size: 20*$abs414/$screen414+em;
      line-height: 49/(20*$abs414/$screen414)*$abs414/$screen414+em;
      text-indent: 45/(20*$abs414/$screen414)*$abs414/$screen414+em;
      border-bottom: 1px solid #ddd;
    }
  }
  .speech {
    .title {
      text-align: center;
      .slogan1 {
        font-size: 60*$abs414/$screen414+em;
        height: 89/(60*$abs414/$screen414)*$abs414/$screen414+em;
        line-height: 160/(60*$abs414/$screen414)*$abs414/$screen414+em;
        color: #79a8df;
        z-index: 9;
        position: relative;

      }
      .slogan2 {
        font-size: 46*$abs414/$screen414+em;
        height: 70/(46*$abs414/$screen414)*$abs414/$screen414+em;
        color: #fff;
        z-index: 8;
        text-transform: uppercase;

      }
    }
    .cont_detail {
      margin: 0 9.72%;
      padding-bottom: 22.22%;
      font-size: 20*$abs414/$screen414+em;
      line-height: 49/(20*$abs414/$screen414)*$abs414/$screen414+em;
      text-indent: 45/(20*$abs414/$screen414)*$abs414/$screen414+em;
      border-bottom: 1px solid #ddd;
      p {
        img {
          width: 100%;
        }
      }
    }
  }

  .side {
    position: fixed;
    bottom: 10%;
    right: 25*$abs414/$screen414+em;
    .items1 > li {
      display: block;
      width: 70*$abs414/$screen414+em;
      height: 70*$abs414/$screen414+em;
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      &.to_top {
        display: none;
        background-image: url($img_url_app+ "imgy01.png");
        a {
          display: block;
          height: 100%;
        }
      }
      &.concat {
        background-image: url($img_url_app+ "imgy02.png");
        position: relative;
        &:hover {
          .items2 {
            right: 70*$abs414/$screen414+em;
          }
        }
        .items2 {
          position: absolute;
          right: -150px;
          transition: right 500ms linear 0ms;
          width: (4*36+5*2+3*8)*$abs414/$screen414+em;
          padding: 5*$abs414/$screen414+em;
          background-color: rgba(255, 255, 255, 0.8);
          border-radius: 5px;
          top: 50%;
          margin-top: -(40+5*2+3*2)/2*$abs414/$screen414+em;
          li {
            float: left;
            width: 36*$abs414/$screen414+em;
            height: 40*$abs414/$screen414+em;
            background-repeat: no-repeat;
            margin: 3*$abs414/$screen414+em;
            &.tel {
              background-image: url($img_url_app+ "imgy04.png");
              background-position: center top;
              background-size: 100% auto;
            }
            &.wx {
              background-image: url($img_url_app+ "imgy03.png");
              background-position: center top;
              background-size: 100% auto;
            }
            &.left {
              background-image: url($img_url+ "img10.png");
              transform: rotate(-90deg);
              background-position: center;
              background-size: contain;
            }
            &.right {
              background-image: url($img_url+ "img11.png");
              transform: rotate(-90deg);
              background-position: center;
              background-size: contain;
            }
          }
        }
      }
    }
  }
  .esc {
    position: absolute;
    display: inline-block;
    width: 50/(50*$abs414/$screen414)*$abs414/$screen414+em;
    line-height: 50/(50*$abs414/$screen414)*$abs414/$screen414+em;
    height: 50/(50*$abs414/$screen414)*$abs414/$screen414+em;
    font-size: 50*$abs414/$screen414+em;
    top: 22/(50*$abs414/$screen414)*$abs414/$screen414+em;
    right: 15/(50*$abs414/$screen414)*$abs414/$screen414+em;
    text-align: center;
    border-radius: 50%;
    background-image: url($img_url+ "esc.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
  .dialog {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 9999;
    .dialog_cont {
      position: absolute;
      top: 70*$abs414/$screen414+em;
      bottom: 70*$abs414/$screen414+em;
      left: 40*$abs414/$screen414+em;
      right: 40*$abs414/$screen414+em;
      background-color: #fff;
      padding: 0 44*$abs414/$screen414+em;
      overflow: auto;
      .title {
        font-size: 42*$abs414/$screen414+em;
        height: 130/(42*$abs414/$screen414)*$abs414/$screen414+em;
        line-height: 156/(42*$abs414/$screen414)*$abs414/$screen414+em;
        width: 100%;
        text-align: center;
      }
      .esc {
        background-image: url($img_url_app+ "esc.png");
      }
      .overauto {
        width: 100%;
        .applicationList {
          width: 100%;
          li {
            width: 100%;
            font-size: 30*$abs414/$screen414+em;
            height: (80/(30))+em;
            background-color: #f4f4f4;
            line-height: (80/30)+em;
            padding-left: 15.89%;
            border-radius: 3px;
            background-repeat: no-repeat;
            background-size: auto 50%;
            background-position: 4% center;
            margin: (11/30)+em 0;
            input {
              border: none;
              width: 100%;
              background-color: #f4f4f4;
            }

          }
          li.applicationItem1 {
            background-image: url($img_url_app+ "application1.png");
          }
          li.applicationItem2 {
            background-image: url($img_url_app+ "application3.png");
          }
          li.applicationItem3 {
            background-image: url($img_url_app+ "application3.png");
          }
          li.applicationItem4 {
            background-image: url($img_url_app+ "application4.png");
          }
          li.applicationItem5 {
            background-image: url($img_url_app+ "application5.png");
          }
        }
        .submit {
          border-radius: 3px;
          font-size: 40*$abs414/$screen414+em;
          height: 78/(40*$abs414/$screen414)*$abs414/$screen414+em;
          line-height: 78/(40*$abs414/$screen414)*$abs414/$screen414+em;
          width: 100%;
          text-align: center;
          color: #fff;
          margin: (30/40)+em 0;
          background-color: #1a9ed9;
        }
        .slogan1 {
          padding: 0 4.8%;
          width: 100%;
          font-size: 24*$abs414/$screen414+em;
          line-height: (50/24)+em;
          overflow: hidden;
          .left {
            width: 19.6%;
            display: inline-block;
            float: left;
          }
          .right {
            width: 78%;
            display: inline-block;
            float: right;

          }
        }
        .myCall {
          display: block;
          border-radius: 3px;
          font-size: 40*$abs414/$screen414+em;
          height: 78/(40*$abs414/$screen414)*$abs414/$screen414+em;
          line-height: 78/(40*$abs414/$screen414)*$abs414/$screen414+em;
          width: 100%;
          text-align: center;
          color: #fff;
          margin: (30/40)+em 0;
          background-color: #e99900;
          text-decoration: none;

        }
      }

    }

  }
  .loading {
    display: none;
    position: fixed;
    z-index: 99999999999999999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .5) url($img_url+ "loading.gif") no-repeat center center;
  }
}

@media (min-width: 767px) {
  .pc_none {
    display: none;
  }
  html, body, .AllForHtml {
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 14px;
    color: #333;

  }
  .index {
    width: 100%;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }
  .index1 {
    background-image: url($index-bg);
    height: 48.85vw;

    .top_logo {
      float: left;
      margin-left: 3.906%;
      margin-top: .781%;
    }
    .topic {
      overflow: hidden;
      position: absolute;
      width: 70.5%;
      left: 265px;
      top: 80px;
      text-align: left;
      & > div {
        height: 90px;
        line-height: 90px;
      }
      .slogan1 {
        font-size: 232.9%;
        text-indent: 5px;
        //-webkit-min-font-size: 20px;
        color: #C6DCEE;
      }

      .slogan2 {
        font-size: 357.1%;
        color: #fff;

        //-webkit-min-font-size: 20px;
      }
      .slogan3 {
        //font-size: 142.9%;
        color: #fffeff;
        span {
          color: #fffeff;
        }
        text-indent: 5px;

        //-webkit-min-font-size: 20px;
      }
    }
    .footer {
      position: absolute;
      top: 57.04%;
      width: 65%;
      & > ul {
        width: 100%;
        //display: flex;
        //justify-content: space-around;
        overflow: hidden;

        & > li {
          //flex-basis: 12.5%;
          width: 12.5%;
          float: left;
          text-align: center;
          &.need_hover:hover {
            .items_box {
              visibility: visible;

            }
            .invertedTriangle {
              visibility: visible;
            }

          }
          .items_box {
            visibility: hidden;
            display: inline-block;
            width: 100%;
            height: 43.37%;
            background-color: rgba(205, 244, 254, 0.5);
            position: absolute;
            top: 20px;
            left: 0;
            //right:0;
            text-align: left;
            z-index: 3;
            .item_box2 {
              width: 19.8%;
              height: 100%;
              display: inline-block;
              .item_box2_title {
                font-size: 100%;
                color: #ff7611;
                height: 50px;
                line-height: 50px;
                padding: 0 10.2%;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
              }
              .item_box2_cont {
                width: 100%;
                height: 260px;
                overflow: auto;
                border-right: 1px solid #c1d7e3;
                padding: 0 10.2%;

                li {
                  width: 100%;
                  text-overflow: ellipsis;
                  white-space: nowrap;
                  overflow: hidden;
                  font-size: 85.7%;
                  height: 25px;
                  line-height: 25px;
                  cursor: pointer;
                }
              }
              .item_box2_cont.last {
                border: none;
              }
            }
          }

          .special {
            display: block;
            height: 10px;
          }
          .title {
            height: 35px;
            font-size: 128%;
            line-height: 35px;
          }
          .item_img > img {
            width: 80px;
          }
          dl {
            z-index: 5;
            cursor: pointer;
            padding-top: 20px;
            dd {
              i.add {
                margin-top: 50px;
              }
            }
          }
        }
      }
      .overflow_open {
        width: 100%;
        height: 179px;
        overflow: hidden;
      }
    }
    .down {
      position: absolute;
      bottom: 16px;
      width: 48px;
      height: 48px;
      border-radius: 50%;
      background-color: #fff;
      cursor: pointer;
      left: 50%;
      margin-left: -24px;
      background: #fff url($img_url+ "img11.png") no-repeat center;
      background-size: 50% auto;
    }
  }
  .index2 {
    height: 55.35vw;
    background-image: url($img_url+ "img2-bg.png");
    .index_title {
      margin: 0 auto;
      width: 19.42%;
      height: 6.7vw;
      line-height: 6.7vw;
      text-align: right;
      background: url($img_url+ "img12.png") no-repeat left center;
      background-size: auto 100%;
      color: #fff;
      cursor: pointer;
    }
    .content {
      position: absolute;
      width: 56.46%;
      height: 78.125%;
      //background-color: #ddd;
      left: 21.66%;
      top: 26.54%;
      //display: flex;
      //justify-content: space-between;
      //flex-wrap: wrap;
      //flex-direction: row;
      //align-content: space-between;
      .section {
        height: 48%;
        //background-color: #f00;
        display: inline-block;
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        cursor: pointer;

      }
      .section1 {
        //flex-basis: 65.49%;
        width: 65.49%;
        background-image: url($img_url+ "img201.jpg");
        left: 0;
      }
      .section2 {
        //flex-basis: 32.65%;
        width: 32.65%;
        background-image: url($img_url+ "img205.jpg");
        right: 0;

      }
      .section3 {
        //flex-basis: 31.91%;
        width: 31.91%;
        background-image: url($img_url+ "img202.jpg");
        bottom: 0;

      }
      .section4 {
        //flex-basis: 31.82%;
        width: 31.82%;
        background-image: url($img_url+ "img203.jpg");
        bottom: 0;
        left: 33.85%;
      }
      .section5 {
        //flex-basis: 32.66%;
        width: 32.66%;
        background-image: url($img_url+ "img204.jpg");
        bottom: 0;
        right: 0;

      }
    }
  }
  .index3 {
    height: 63.85vw;
    background-image: url($img_url+ "img3-bg.png");
    .index_title {
      margin: 70px auto 0;
      width: 31.25%;
      height: 6.7vw;
      line-height: 6.7vw;
      text-align: center;
      background: url($img_url+ "img12.png") no-repeat left center;
      background-size: auto 100%;
      color: #fff;
    }
    & > .slogan1 {
      font-size: 150%;
      span {
        color: #2cd0db;
      }
      text-align: center;
      cursor: pointer;
    }
    .content {
      position: absolute;
      width: 56.92%;
      height: 75.61%;
      //background-color: #ddd;
      left: 22.08%;
      top: 19%;
      //display: flex;
      //justify-content: space-between;
      //flex-wrap: wrap;
      //flex-direction: column;
      //align-content: space-between;
      //align-items: flex-end;
      .section {
        //background-color: #f00;
        display: inline-block;
        background-repeat: no-repeat;
        background-size: cover;
        float: left;
        margin: .691% 0;
        position: relative;
        oveflow: hidden;
        .label {
          width: 100px;
          height: 100px;
          position: absolute;
          right: 15px;
          bottom: 15px;
          background-repeat: no-repeat;
          background-position: center center;
          background-size: contain;
          background-image: url($img_url+ "img305.png");
          color: #7cdae2;
          font-size: 137%;
          text-align: center;
          padding-top: 20px;
          cursor: pointer;
        }
      }
      .section1 {
        width: 56.81%;
        height: 30.20%;
        padding-left: 1.09%;
        padding-right: 6.86%;
        .title {
          text-align: center;
          height: 19.21%;
          line-height: 20px;
          font-size: 220%;
          color: #0a222a;
        }
        .discribe {
          & > p {
            display: inline;
            line-height: 1em;
            color: #7e8798;
          }
        }
      }
      .section2 {
        width: 42.08%;
        height: 30.20%;
        color: #5f5d72;
        font-weight: 600;
        float: right;
        padding-left: 2.37%;
        .slogan1 {
          font-size: 715.1%;
          color: #90C9DC;
          font-family: "宋体";
        }
        .slogan2 {
          font-size: 513.1%;
          text-indent: 10px;
          font-family: "宋体";
          color: #90C9DC;
        }
        .slogan3 {
          margin-top: 10%;
          span {
            color: #55b1d1;
          }
        }

      }
      .section3 {
        width: 56.81%;
        height: 34.51%;
        background-image: url($img_url+ "img301.jpg");
      }
      .section4 {
        width: 42.08%;
        height: 28.15%;
        background-image: url($img_url+ "img302.jpg");
        float: right;

      }
      .section5 {
        width: 56.81%;
        height: 33.87%;
        background-image: url($img_url+ "img303.jpg");
      }
      .section6 {
        width: 42.08%;
        height: 40.12%;
        background-image: url($img_url+ "img304.jpg");
        float: right;

      }
    }
  }
  .index4 {
    height: 46.19vw;
    background-image: url($img_url+ "img4-bg.png");
    .index_title_spe {
      width: 61.71%;
      height: 36.07%;
      margin: 0 auto;
      text-align: center;
      margin-top: 65px;
      .slogan1 {
        color: #c4e1f4;
        font-size: 598%;
        height: 27.27%;
        line-height: 111px;
        font-family: "宋体";
      }
      .slogan2 {
        color: #000;
        font-size: 315%;
        line-height: 50px;
      }
      .slogan3 {
        color: #7fa8c3;
        font-size: 170%;
        line-height: 50;
      }
      .slogan4 {
        color: #2cd0db;
        font-size: 150%;
        line-height: 105px;
        cursor: pointer;
      }
    }

    .content {
      width: 61.71%;
      height: 43.96%;
      margin: 0 auto;
    }
  }
  .index5 {
    height: 46.19vw;
    background-image: url($img_url+ "img5-bg.png");
    .index_title_spe {
      width: 82.81%;
      height: 36.07%;
      margin: 0 auto;
      text-align: center;
      .slogan1 {
        height: 111px;
        color: #c4e1f2;
        line-height: 168px;
        font-size: 470%;
        font-family: "宋体";
      }
      .slogan2 {
        height: 71px;
        color: #c4e1f2;
        line-height: 71px;
        font-size: 334%;
        font-family: "宋体";

      }
      .slogan3 {
        height: 83px;
        color: #414141;
        font-size: 285%;

      }
      .slogan5 {
        color: #2cd0db;
        font-size: 150%;
        cursor: pointer;
      }
    }
    .content {
      width: 77.03%;
      height: 563px;
      margin: 0 auto;
    }
  }
  .index6 {
    height: 930px;
    .index_title_spe {
      text-align: center;
      width: 100%;
      .slogan1 {
        font-size: 740%;
        height: 78px;
        line-height: 166px;
        color: #d5e9f7;
        z-index: 8;
        font-family: "宋体";

      }
      .slogan2 {
        height: 67px;
        line-height: 72px;
        font-size: 285%;
        z-index: 9;
      }
      .slogan3 {
        color: #2cd0db;
        font-size: 150%;
        cursor: pointer;

      }

    }
    .content {
      width: 60.05%;
      height: 550px;
      margin: 0 auto;
      position: relative;
      & > div {
        width: 25%;
        height: 100%;
        display: inline-block;
        position: absolute;
        z-index: 8;
        dl {
          width: 100%;
          height: 100%;
          dt {
            height: 30.90%;
            background-color: #8dd4dc;
            position: relative;
            background-repeat: no-repeat;
            background-size: 25% auto;
            background-position: center 32%;
            .title {
              position: absolute;
              bottom: 0;
              width: 100%;
              height: 25.71%;
              text-align: center;
              font-size: 128%;
              color: #fff;

            }
          }
          dd {
            text-align: center;
            height: 69.10%;
            padding-top: 16.93%;
            border-left: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
            background-color: #fefefe;
            .list1 {
              width: 100%;
              height: 100%;
              .list1_title {
                font-size: 100%;
              }
              & > li {
                height: 22.29%;
                .list2 {
                  display: none;
                }
              }
            }
          }
        }
        &:nth-child(1) {
          dt {
            background-image: url($img_url+ "jicon1.png");
          }
        }
        &:nth-child(2) {
          dt {
            background-image: url($img_url+ "jicon2.png");
          }
        }
        &:nth-child(3) {
          dt {
            background-image: url($img_url+ "jicon3.png");
          }
        }
        &:nth-child(4) {
          dt {
            background-image: url($img_url+ "jicon4.png");
          }
        }
        &:nth-child(even) {
          dt {
            background-color: #6fc7d1;

          }
          &:last-child {
            dd {
              border-right: 1px solid #ddd;
            }
          }
        }
        &:hover {
          width: 31.22%;
          top: -3.6%;
          height: 104.9%;
          box-shadow: 0 0 8px #00c1de;
          z-index: 9;
          dt {
            background-color: #00c2de;
          }
          dd {
            background-color: #fff;
            padding: 6.4% 15.27% 0;
            .list1 {
              .list1_title {
                text-align: left;
                font-size: 130%;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
              }
              & > li {
                height: 18.7%;
                .list2 {
                  display: block;
                  padding-top: 6.25%;
                  & > li {
                    float: left;
                    width: 33.33%;
                    cursor: pointer;
                    color: #a9b0b4;
                  }
                }
              }
            }
          }
        }
      }
      .smartCity {
        left: 25%;
        &:hover {
          left: 20.90%;
        }
      }
      .safeCity {
        left: 50%;
        &:hover {
          left: 45.90%;

        }
      }
      .intelligentBuilding {
        left: 75%;
        &:hover {
          left: 70.90%;

        }
      }

    }
  }
  .index7 {
    height: 1254px;
    background-image: url($img_url+ "img6-bg.png");
    .index_title_spe {
      text-align: center;
      margin: 0 auto;
      .slogan1 {
        color: $title_color;
        font-family: "宋体";

      }
      .slogan2 {
        color: #414141;
      }
    }
    .content {
      width: 56.45%;
      height: 71.69%;
      margin: 0 auto;
      .section {
        display: inline-block;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        float: left;
        margin-bottom: 1.6%;
        text-align: center;
        .box_flow {
          width: 100%;
          height: 100%;
          .title {
            transition: bottom 500ms linear 0ms;
            -webkit-transition: bottom 500ms linear 0ms;
            display: block;
            background-color: #000;
            filter: alpha(opacity=50);
            -moz-opacity: 0.5;
            -khtml-opacity: 0.5;
            opacity: 0.5;
            height: 60px;
            color: #fff;
            font-size: 200%;
            line-height: 60px;
            position: absolute;
            bottom: 0;
            width: 100%;
          }
          &:hover {
            .title {
              bottom: 83.60%;
            }
            .list {
              opacity: 1;
              top: 17.21%;

            }
          }
          .list {
            transition: opacity 500ms linear 500ms, top 500ms linear 500ms;
            -webkit-transition: opacity 500ms linear 500ms, top 500ms linear 500ms;
            opacity: 0;
            overflow: hidden;
            position: absolute;
            height: 82.78%;
            width: 100%;
            top: 0;
            background-color: rgba(0, 0, 0, .5);
            color: #fff;
            font-size: 162%;
            padding-top: 30px;
            li {
              line-height: 40px;
              height: 40px;
              text-overflow: ellipsis;
              overflow: hidden;
              white-space: nowrap;
              i.triangle {
                display: inline-block;
                visibility: hidden;
                border: 10px solid #46ffde;
                border-left-width: 15px;
                border-right-width: 15px;

                border-color: transparent transparent transparent #46ffde;
              }
              &:hover {
                color: #46ffde;
                & > i.triangle {
                  visibility: visible;

                }
              }
            }
          }

        }

        position: relative;
      }
      .section1 {
        position: relative;
        width: 60.88%;
        height: 40.82%;
        background-image: url($img_url+ "img604.jpg");
        .title {
        }
      }
      .section2 {
        position: relative;

        width: 37.91%;
        height: 40.82%;
        background-image: url($img_url+ "img603.jpg");
      }
      .section3 {
        width: 60.88%;
        height: 57.17%;
        background-image: url($img_url+ "img602.jpg");
        .box_flow .list {
          height: 87.78%;
        }
        & .box_flow:hover {
          .title {
            bottom: 88.32%;
          }
          .list {
            opacity: 1;
            top: 12.28%;
          }
        }

      }
      .section.last {
        width: 37.91%;
        height: 57.28%;
        background-color: #5bc3e7;
        .title {
          height: 61.8%;
          font-size: 327%;
          color: #fff;
          line-height: 300px;
          background-color: transparent;
          opacity: 1;
        }
        a.button {
          text-decoration: none;
          display: inline-block;
          color: #fff;
          width: 38.82%;
          height: 9.1%;
          border-radius: 5px;
          border: 1px solid #fff;
          line-height: 47px;
          font-size: 185%;
          cursor: pointer;

        }
      }
      .section.left {
        margin-right: 1.1%;
      }
    }

  }
  .index8 {
    height: 657px;
    .index_title_spe {
      height: 39.57%;
      text-align: center;
      .slogan1 {
        width: 60.10%;
        font-size: 808%;
        height: 200px;
        line-height: 200px;
        z-index: 8;
        margin: 0 auto;
        color: #daecf8;
        font-family: "宋体";
      }
      .slogan2 {
        width: 60.10%;
        font-size: 257%;
        position: relative;
        top: -77px;
        z-index: 9;
        margin: 0 auto;
      }
    }
    .content {
      width: 60.10%;
      height: 45.66%;
      background-size: contain;
      margin: 0 auto;
      position: relative;
      overflow: hidden;
      ul {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        li {
          float: left;
          width: 20%;
          height: 50%;
          overflow: hidden;
          text-align: center;
          img {
            max-width: 100%;
            max-height: 100%;
            vertical-align: middle;
          }
        }
        .myslideCont1, .myslideCont2, .myslideCont3, .myslideCont4 {
          border-right: 1px dotted #a4a4a4;
          border-bottom: 1px dotted #a4a4a4;
        }
        .myslideCont6, .myslideCont7, .myslideCont8, .myslideCont9 {
          border-right: 1px dotted #a4a4a4;
        }
        .myslideCont5 {
          border-bottom: 1px dotted #a4a4a4;
        }
      }
      #myslide1 {
        left: 100%;
      }
      #myslide2 {
        left: 200%;
      }
      #myslide3 {
        left: 300%;
      }
    }
    .arrow-left, .arrow-right {
      position: absolute;
      top: 56%;
      height: 80px;
      line-height: 80px;
      width: 4.1%;
      text-align: center;
      background-repeat: no-repeat;
      background-size: 50% auto;
      background-position: center;
      z-index:8;
    }
    .arrow-left {
      left: 13.9%;
      background-image: url($img_url+ "img502.png");
    }
    .arrow-right {
      right: 13.9%;
      background-image: url($img_url+ "img503.png");
    }
    .disabled {
      background-color: #ddd;
      cursor: pointer;
    }
  }
  .index9 {
    height: 1031px;
    background-image: url($img_url+ "img7-bg.png");
    .index_title_spe {
      text-align: center;
      margin: 0 auto;
      .slogan1 {
        color: #79b1cd;
        font-weight: 500;
      }
      .slogan2 {
        width: 60.10%;
        font-size: 257%;
        position: relative;
        z-index: 9;
        margin: 0 auto;
      }
    }
    .content {
      width: 62.5%;
      margin: 0 auto;
      overflow: hidden;
      .us_list {
        width: 100%;
        overflow: hidden;
        li {
          float: left;
          position: relative;
          cursor: pointer;
          background-color: #89c5e4;
          height: 200px;
          width: 16.6666666%;
          text-align: right;
          padding-top: 20px;
          & > a {
            display: block;
            height: 100%;
            img.img_list {
              display: inherit;
              margin: 0 auto;
              width: 85%;

            }
            .us_title {
              position: absolute;
              bottom: 20px;
              right: 20px;
              & > img {
                width: 25%;
              }
              & > div {
                display: inline-block;
                font-size: 125%;
                font-weight: 500;
                & > p {
                  color: #fff;
                }
              }
            }
          }
          &:nth-child(even) {
            margin-top: 20px;
            background-color: #96d1ef;
          }

        }
      }
      .map_box {
        width: 100%;
        height: 285px;
        background-color: #96d1ef;
        position: relative;
        margin-top: 30px;
        #map {
          position: absolute;
          top: 3px;
          bottom: 3px;
          left: 3px;
          right: 3px;
          overflow: hidden;
        }
      }

    }
    .copyright {
      width: 100%;
      text-align: center;
    }
  }

  div.header {
    display: none;
    position: fixed;
    top: 0;
    height: 75px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 10;
    .nav_logo {
      display: inline-block;
      float: left;
      margin-left: 184px;
      width: 9.58%;
      height: 100%;
      line-height: 75px;
      img {
        width: 100%;
        vertical-align: middle;
      }
    }
    .nav {
      display: inline-block;
      float: left;
      margin-left: 13.10%;
    }
    .nav > li {
      float: left;
      height: 100%;
      a {
        cursor: pointer;
        display: inline-block;
        height: 100%;
        line-height: 75px;
        margin: 0 6px;
        padding: 0 1px;
        font-size: 137%;
        text-decoration: none;
        color: #575757;
        border-bottom: 2px solid transparent;
      }
      &.active > a {
        color: #ff7607;
        border-bottom-color: #ff7607;
      }
    }
    .call {
      position: absolute;
      left: 84.58%;
      top: 0;
      height: 75px;
      line-height: 75px;
      cursor: pointer;
      a.img {
        display: inline-block;
        height: 100%;
        width: 75px;
        background-image: url($img_url+ "call.png");
        background-position: center;
        background-size: 53% 53%;
        background-repeat: no-repeat;
        vertical-align: top;
      }
      color: #32afff;
      font-size: 1.5em;
      font-weight: 400;
      span {
        display: inline-block;
        height: 100%;
        vertical-align: top;
      }
    }
  }
  .dialog {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 999;
    display: none;
    .dialog_cont {
      width: 33.33%;
      position: absolute;
      left: 50%;
      top: 10%;
      bottom: 10%;
      margin-left: -16.66%;
      text-align: center;
      background-color: #fff;
      .title {
        text-align: center;
        font-size: 157%;
        height: 80px;
        line-height: 80px;
        background-color: #1a9ed9;
        color: #fff;
        font-weight: 600;
      }
      .esc {
        position: absolute;
        width: 40px;
        height: 40px;
        right: 10px;
        top: 10px;
        background: url($img_url_app+ "esc.png") no-repeat center;
        background-size: 50%;
        cursor: pointer;
      }
      .overauto {
        width: 100%;
        position: absolute;
        top: 80px;
        bottom: 0;
        overflow: auto;
        ul.applicationList {
          display: inline-block;
          width: 84.375%;
          margin: 17px 0 0 0;
          li {
            width: 100%;
            font-size: 128%;
            padding-left: 12%;
            background-color: #f4f4f4;
            background-repeat: no-repeat;
            background-position: 4% center;
            background-size: auto 53%;
            color: #999999;
            margin: 5.5% 0;
            input {
              width: 100%;
              border: none;
              background-color: #f4f4f4;
              display: inline-block;
            }
          }
          li.applicationItem1 {
            background-image: url($img_url_app+ "application1.png");
          }
          li.applicationItem2 {
            background-image: url($img_url_app+ "application2.png");
          }
          li.applicationItem3 {
            background-image: url($img_url_app+ "application3.png");
          }
          li.applicationItem4 {
            background-image: url($img_url_app+ "application4.png");
          }
          li.applicationItem5 {
            background-image: url($img_url_app+ "application5.png");
          }
        }
        .submit {
          width: 84.375%;
          text-align: center;
          font-size: 142%;
          height: 50px;
          line-height: 50px;
          background-color: #1a9ed9;
          color: #fff;
          margin: 4.68% auto;
          display: inline-block;
          border-radius: 3px;
        }
        .slogan1 {
          width: 84.375%;
          font-size: 128%;
          color: #6a6a6a;
          text-align: left;
          display: inline-block;
          margin: 1.25% 0;
        }
        .slogan1-last-child {
          margin-bottom: 90px;
        }
      }

    }
  }
  ._2index1 {
    div.header {
      position: absolute;
      display: block;
      background-color: #fff;
      .nav > li {
        a {
          color: #606060;
        }
        &.active > a {
          color: #ff7607;
          border-bottom-color: #ff7607;
          cursor: default;
        }
      }
    }
    div._2header {
      height: 414px;
      background: #1287f0 url($img_url+ "index1_header.png") no-repeat center;
      background-size: auto 100%;
      color: #fff;
      & > div {
        width: 100%;
        .slogan1 {
          width: 79%;
          height: 240px;
          line-height: 390px;
          font-size: 258%;
          margin-left: 21%;
        }
        .slogan2 {
          width: 25.125%;
          font-size: 150%;
          line-height: 45px;
          margin-left: 21%;
        }
      }
      .slogan3 {
        width: 29.16%;
        height: 8.53%;
        text-align: left;
        background-color: rgba(255, 255, 255, .2);
        border: 1px solid #7bd2ee;
        margin: 0 auto;
        #caseSearch {
          float: left;
          width: 91.07%;
          height: 100%;
          color: #fff;
          background-color: transparent;
          list-style: none;
          border: none;
          text-indent: 2.54%;
          &::-webkit-input-placeholder {
            color: #ddd;
          }
          &:-moz-placeholder {
            color: #ddd;
          }
          &::-moz-placeholder {
            color: #ddd;
          }
          &:-ms-input-placeholder {
            color: #ddd;
          }
        }
        #goSearch {
          display: inline-block;
          width: 8.9%;
          height: 100%;
          text-align: center;
          cursor: pointer;
          background-image: url($img_url+ "sou.png");
          background-repeat: no-repeat;
          background-size: auto 65%;
          background-position: center;
        }
      }

    }
    ._2nav {
      width: 100%;
      text-align: center;
      height: 60px;
      border-bottom: 1px solid #ddd;
      .item {
        cursor: pointer;
        display: inline-block;
        font-size: 140%;
        line-height: 60px;
        padding: 0 3px;
        margin: 0 3.07%;
        border-bottom: 1px solid transparent;
        &.active {
          border-bottom-color: #05a4cc;
          color: #05a4cc;
        }
      }
    }
    ._2article {
      text-align: center;
      padding: 30px 17.18% 0;
      #scroller {
        margin-bottom: 30px;
      }
      ul#thelist {
        text-align: left;
        li.item {
          text-align: center;
          width: 22.18%;
          display: inline-block;
          margin: 25px .7% 0;
          dl {
            width: 100%;
            cursor: pointer;
            dt {
              width: 100%;
              height: 263px;
              line-height: 263px;
              overflow: hidden;
              img {
                width: 100%;
                vertical-align: middle;
              }
            }
            dd {
              width: 100%;

            }
          }
        }
      }

    }

  }
  .graphicSubPage {
    div.header {
      position: absolute;
      display: block;
    }
    .graphicSubPageHeader {
      height: 398px;
      width: 100%;
      margin: 0 auto;
      overflow: hidden;
      background: url($img_url+ "graphic1.png") no-repeat center;
      background-size: 100%;
      & > div {
        margin: 0 auto;
        .slogan1 {
          font-size: 357%;
          color: #fff;
          margin: 5.2% 0 0 65.7%;
        }
      }

    }
    .content {
      width: 1100px;
      margin: 0 auto;
      border-left: 1px solid #ddd;
      border-right: 1px solid #ddd;
      padding: 0 1%;
      .title1 {
        font-size: 185%;
        height: 172px;
        line-height: 220px;
        color: #04a3cb;
        text-align: left;
      }
      .title0 {
        font-size: 214%;
        color: #303030;
        text-align: center;
        height: 65px;
        line-height: 130px;
        border-bottom: 1px solid #ddd;
        span {
          display: inline-block;
          padding: 0 3%;
          background-color: #effcfc;
        }
      }
    }
    .content1 {
      background-color: #effcfc;
      .introduction {
        line-height: 40px;
        font-size: 128%;
        color: #5e5c5c;
        text-indent: 3.6%;
        padding-bottom: 7.91%;
        overflow: hidden;
      }
    }
    .content2 {
      background-color: #fff;
      ul.characteristic {
        padding: 0 2.08%;
        width: 100%;
        overflow: hidden;
        margin-bottom: 5.33%;
        li {
          overflow: hidden;
          background-repeat: no-repeat;
          background-position: 2.9% center;
          position: relative;
          .left {
            width: 9.737%;
            position: absolute;
            text-align: center;
            margin-top: -33px;
            margin-left: 1.95%;
            top: 50%;
          }
          padding-bottom: 1%;
          border-bottom: 1px solid #d8e0d6;
          .slogan1 {
            height: 50px;
            line-height: 74px;
            font-size: 128%;
            color: #333;
            font-weight: 500;
            width: 86%;
            float: right;

          }
          .slogan2 {
            line-height: 29px;
            font-size: 100%;
            color: #5f5f5f;
            width: 86%;
            float: right;

          }

        }
      }
      .slogan3 {
        font-size: 128%;
        color: #000;
        line-height: 30px;
        margin: 8.3% 0;
      }
    }
  }
  .fiscalFunds {
    div.header {
      position: absolute;
      display: block;
    }
    .fiscalFundsHeader {
      background-color: #5ab3e7;
      overflow: hidden;
      height: 463px;
      div.slogan1 {
        font-size: 485%;
        color: #fefefe;
        margin-left: 25.26%;
        margin-top: 10%;
      }
      div.slogan2 {
        margin-left: 25.26%;
        font-size: 214%;
        color: #ffffff;
        margin-top: 3.125%;
      }
    }
    .content {
      padding: 0 17.23% 0 18.43%;
      .step {
        padding-top: 1.875%;
        .steptitle {
          line-height: 115px;
          width: 100%;
          overflow: hidden;
          .slogan1 {
            width: 115px;
            background-color: #ff9100;
            font-size: 700%;
            color: #fff;
            text-align: center;
            float: left;
          }
          .slogan2 {
            float: left;
            font-size: 288%;
            color: #000;
            padding-left: 2.83%;
          }
        }
      }
      .step1 {
        .financialSituation {
          width: 100%;
          overflow: visible;
          height: 230px;
          position: relative;
          background: url($img_url+ "caizhen1.png") no-repeat;
          background-position: 47% center;
          background-size: contain;
          line-height: 73px;

          & > li {
            position: absolute;
            .number {
              width: 73px;
              color: #ff9100;
              font-size: 235%;
              text-align: center;
              background: url($img_url+ "juxing90.png") no-repeat center;
              background-size: contain;
            }
            .situation {
              font-size: 142%;
              color: #000;
            }
          }
          .right {
            & > div {
              float: right;
            }
          }
          .left {
            & > div {
              float: left;
            }
          }
          .item1, .item2 {
            right: 62.78%;
            .number {
              margin-left: 20px;
            }
          }
          .item3, .item4, .item5 {
            left: 57.84%;
            .number {
              margin-right: 20px;
            }
          }
          .item1, .item4 {
            top: 12.61%;
          }
          .item2, .item3 {
            top: 60.86%;
          }
          .item5 {
            top: -33.91%;
            left: 40.45%;
          }
        }
        .solutionWay {
          overflow: hidden;
          .slogan1 {
            font-size: 297%;
            color: #003f6f;
            text-align: left;
            text-indent: 3.23%;
          }
          .left {
            width: 63.34%;
            float: left;
            height: 320px;
            background-image: url($img_url+ "caizhen2.png");
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            position: relative;
            margin-left: 3.23%;
            font-size: 151%;
            .I3_but {

              color: #f99021;
              position: absolute;
            }
            .I3_but1, .I3_but2 {
              top: 6.25%;
            }
            .I3_but3, .I3_but4 {
              bottom: 9.375%;
            }
            .I3_but1 {
              left: 4.98%;
            }
            .I3_but2 {
              left: 52.19%;
            }
            .I3_but3 {
              left: 30%;
            }
            .I3_but4 {
              right: 0;
            }
          }
          .right {
            float: right;
            width: 32.57%;
            height: 320px;
            padding: 7.8% 7.09% 0 3.72%;
            font-size: 142%;
          }
        }
      }
      .step2 {
        .steptitle {
          .slogan1 {
            background-color: #92cd3e;
          }
        }
        & > .slogan1 {
          font-size: 239%;
          color: #003f6f;
          text-align: center;
          margin-top: 2.1%;
        }
        .I4_mainall {
          margin: 4.85% 0;
          width: 100%;
          text-align: left;
          .I4M_main {
            width: 13.66%;
            display: inline-block;
            text-align: center;
            img {
              width: 60%;
            }
            & > div {
              font-size: 133%;
              color: #000;
              white-space: nowrap;
            }
          }
        }
      }
      .step3 {
        .steptitle {
          .slogan1 {
            background-color: #3fb3de;
          }
        }
        .list1 {
          box-sizing: content-box;
          width: 100%;
          padding: 2.83% .8% 1.61% .4%;
          overflow: hidden;
          li.item1 {
            width: 29.44%;
            height: 182px;
            border-radius: 5px;
            border: 5px solid rgba(96, 191, 227, .5);
            float: left;
            margin-right: 5.01%;
            margin-bottom: 1.39%;
            &:nth-child(3n) {
              margin-right: 0;
            }
            .justborder {
              border: 3px solid #60bfd3;
              height: 100%;
              .left {
                float: left;
                width: 12.85%;
                writing-mode: tb-rl;
                height: 100%;
                text-align: center;
                line-height: 47px;
                font-size: 140%;
                color: #0087b9;
                border-right: 3px solid #60bfd3;
              }
              .list2 {
                float: right;
                width: 87%;
                height: 100%;
                padding-left: 7.14%;
                padding-top: 7.14%;
                font-size: 93.5%;
                .item2 {
                  width: 50%;
                  float: left;
                  height: 20.65%;
                  & > img {
                    float: left;
                    margin-right: 11.11%;
                    width: 16.91%;
                  }
                  & > div {
                    float: left;
                    width: 71.29%;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap;
                  }
                }
              }
            }
          }
        }

      }
      .step4 {
        .steptitle {
          .slogan1 {
            background-color: #35ae53;
          }
        }
        .list {
          width: 100%;
          height: 205px;
          background-image: url($img_url+ "caizhen4.png");
          background-repeat: no-repeat;
          background-size: 99.5% auto;
          background-position: center;
          margin: 6.47% 0;
          font-size: 152%;
          li {
            width: 16.666%;
            float: left;
            height: 100%;
            text-align: center;
            .number {
              width: 18.44%;
              height: 18.44%;
              border-radius: 50%;
              background-color: #fff;
              color: #35ae52;

              margin: 26.34% auto 0;
            }
            .slogan1 {
              margin-top: 4.87%;
              color: #fff;
              width: 100%;
            }
          }
        }
      }
      .step5 {
        .steptitle {
          .slogan1 {
            background-color: #3bb9bd;
          }
        }
        .left {
          float: left;
          width: 30.98%;
          margin: 4.85% 6.47% 0 0.97%;
        }
        .right {
          float: right;
          width: 61%;
          .slogan1 {
            font-size: 171%;
            color: #003f6f;
            line-height: 50px;
            text-align: left;
            padding-left: 8.82%;
            text-indent: 1.84%;
          }
          .list {
            width: 100%;
            overflow: hidden;
            margin-top: 10%;
            height: 169px;
            font-size: 118%;
            li {
              width: 23%;
              margin: 0 1%;
              height: 100%;
              border-radius: 50%;
              background-color: #3bb9bd;
              float: left;

              color: #fff;
              text-align: center;
              .number {
                border: 2px solid #fff;
                text-align: center;
                width: 19.33%;
                height: 19.33%;
                margin: 27.17% auto 0;
                border-radius: 50%;
                line-height: 29px;
              }
              .slogan2 {
                margin-top: 5.43%;
              }
            }
          }
        }
      }
    }
  }
  ._2index8 {
    background-color: #edf2f6;
    height: 100%;
    div.header {
      position: absolute;
      display: block;
    }
    div._2header {
      height: 414px;
      color: #fff;
      & > div {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center;
        width: 100%;
        height: 100%;
      }
      .article1 {
        background-image: url($img_url+ "inde8_header1.png");
      }
      .article2 {
        background-image: url($img_url+ "inde8_header1.png");
      }
      .article3 {
        background-image: url($img_url+ "enterpriseHonor1.png");
        overflow: hidden;
      }
      .article4 {
        background-image: url($img_url+ "inden8_1.png");
        .slogan1 {
          width: 58.6%;
          height: 61%;
          line-height: 420px;
          font-size: 350%;
          margin-left: 41.40%;
        }
        .slogan2 {
          width: 40.11%;
          font-size: 350%;
          margin-left: 59.89%;
          line-height: 70px;
        }
      }
      .article5 {
        background-image: url($img_url+ "enterpriseHonor1.png");
        overflow: hidden;

        .slogan1 {
          color: #fff;
          font-size: 428%;
          margin-left: 27.3%;
          margin-top: 7.29%;
        }
      }

    }
    ._2nav {
      width: 100%;
      text-align: center;
      height: 60px;
      border-bottom: 1px solid #ddd;
      .item {
        cursor: pointer;
        display: inline-block;
        font-size: 140%;
        line-height: 60px;
        padding: 0 3px;
        margin: 0 3.07%;
        border-bottom: 1px solid transparent;
        &.active {
          border-bottom-color: #05a4cc;
          color: #05a4cc;
        }
      }
    }
    ._2section {
      height: 70px;
      padding: 0 14.0625% 0 21.54%;
      //box-shadow: 0 5px 5px #eee;
      line-height: 70px;
      .crumbs {
        display: inline-block;
      }
      .news_search {
        width: 40.83%;
        float: right;
        input {
          width: 64.86%;
          height: 40px;
          margin-right: 7.56%;
        }
        .button {
          width: 25.67%;
          height: 40px;
          line-height: 40px;
          background-color: #e5f3f3;
          display: inline-block;
          white-space: nowrap;
          cursor: pointer;
          border-radius: 3px;
          box-shadow: 0 1px 5px #333;
          text-align: center;
          &:hover {
            border: 1px solid #ddd;
          }
        }
      }
    }
    .followUs {
      .content {
        width: 100%;
        overflow: hidden;
        ul.honors {
          width: 96.93%;
          text-align: center;
          margin: 3.5% auto 0;
          & > li {
            width: 30.25%;
            margin: 0 1.5% 3.8%;
            display: inline-block;
            box-shadow: 0 0 60px #a9dce9;
            border: 1px solid #a9dce9;
            .enterpriseHonor_title {
              height: 232px;
              margin: 0 1.2%;
              img {
                width: 100%;
                vertical-align: center;
              }
            }
            .enterpriseHonor_info {
              line-height: 62px;
              border-top: 1px solid #ddd;
              .jia {
                display: inline-block;
                height: 42px;
                width: 44px;
                font-size: 250%;
                border-radius: 50%;
                border: 1px solid #ccc;
                vertical-align: middle;
                color: #3c97b5;
                cursor: pointer;
                background-image: url($img_url_app+ "jia.png");
                background-size: 50% auto;
                background-repeat: no-repeat;
                background-position: center;
              }
            }
          }
        }
      }
      .dialog {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(0, 0, 0, .5);
        .certificate {
          position: absolute;
          top: 10%;
          left: 50%;
          width: 62.5%;
          margin-left: -31.25%;
          background-color: #fff;
          padding: 0 2.08%;
          .certificateName {
            width: 94.64%;
            border-bottom: 1px solid #cec5c5;
            height: 93px;
            line-height: 100px;
            font-size: 190%;
          }
          .certificateImg {
            width: 72.76%;
            margin-top: 4.28%;
            margin-bottom: 5.35%;
            display: inline-block;
            float: left;

            img {
              width: 100%;
            }
          }
          .certificateList {
            width: 27%;
            display: inline-block;
            padding: 6.51% 2.23% 0;
            float: right;
            li {
              text-overflow: ellipsis;
              white-space: nowrap;
              overflow: hidden;
              line-height: 30px;
              font-size: 100%;
            }
          }
          .esc {
            position: absolute;
            right: 13px;
            top: 13px;
            font-size: 230%;
            border: 1px solid transparent;
            width: 47px;
            line-height: 47px;
            height: 47px;
            display: inline-block;
            cursor: pointer;
            text-align: center;
            color: #8b8b8b;
            border-radius: 50%;
            &:hover {
              border: 1px solid #666;
            }
            background-image: url($img_url+ "esc.png");
            background-repeat: no-repeat;
            background-size: cover;
          }
        }
      }
    }

    ._2newsDetail {
      text-align: left;
      padding: 0 5.1%;
      overflow: hidden;
      //.top_10 {
      //  background-color: #fff;
      //  width: 29.16%;
      //  float: left;
      //  padding: 0 1.666%;
      //  .header {
      //    position: relative;
      //    width: 100%;
      //    height: 57px;
      //    line-height: 88px;
      //    margin-bottom: 15px;
      //    border-bottom: 1px dotted #333;
      //    .left {
      //      position: absolute;
      //      height: 30px;
      //      line-height: 30px;
      //      left: 0;
      //      border-left: 5px solid #36a6cf;
      //      font-size: 130%;
      //      color: #36a6cf;
      //      bottom: 0;
      //      text-indent: 2.6%;
      //    }
      //    .right {
      //      position: absolute;
      //      right: 0;
      //      height: 30px;
      //      line-height: 30px;
      //      color: #ff3333;
      //      bottom: 0;
      //      i {
      //        font-size: 130%;
      //        font-style: italic;
      //      }
      //      padding-right: 1.666%;
      //    }
      //  }
      //  li.item {
      //    overflow: hidden;
      //    position: relative;
      //    height: 45px;
      //    line-height: 45px;
      //    white-space: nowrap;
      //    text-overflow: ellipsis;
      //    overflow: hidden;
      //    h6 {
      //      font-size: 100%;
      //    }
      //    cursor: pointer;
      //    &:hover {
      //      background-color: #ddd;
      //    }
      //  }
      //}
      .news_cont {
        width: 100%;
        background-color: #fff;
        float: right;
        .cont_header {
          text-align: center;
          .title {
            height: 95px;
            line-height: 160px;
            font-size: 180%;
          }
          .relatedData {
            height: 70px;
            line-height: 70px;
            & > div {
              display: inline-block;
              color: #9d9d9d;
            }
          }
        }
        .cont_detail {
          border-bottom: 1px dotted #0d3349;
          border-top: 1px dotted #0d3349;
          text-indent: 4.8%;
          line-height: 35px;
          padding-top: 55px;
          padding-bottom: 70px;
          min-height:600px;
        }
        .article_change {
          line-height: 30px;
          margin: 15px 0;
          .button {
            width: 10%;
            text-align: center;
            display: inline-block;
            border: 1px solid #46a6cf;
            border-radius: 3px;
            cursor: pointer;
            background-color: #fff;
            padding: 3px 4px;
            margin: .7% 1.4%;
          }
          .disabled {
            border-color: #eee;
            background-color: #ddd;
            cursor: not-allowed;
            color: #999;
          }
        }
      }

    }
    .enterpriseHonor {
      .content {
        width: 100%;
        overflow: hidden;
        ul.honors {
          width: 96.93%;
          text-align: center;
          margin: 3.5% auto 0;
          & > li {
            width: 30.25%;
            margin: 0 1.5% 3.8%;
            display: inline-block;
            box-shadow: 0 0 60px #a9dce9;
            border: 1px solid #a9dce9;
            float: left;

            .enterpriseHonor_title {
              height: 232px;
              margin: 0 1.2%;
              img {
                max-width: 100%;
                max-height: 100%;
                vertical-align: middle;
              }
            }
            .enterpriseHonor_info {
              line-height: 62px;
              border-top: 1px solid #ddd;
              .jia {
                display: inline-block;
                height: 42px;
                width: 44px;
                font-size: 250%;
                border-radius: 50%;
                border: 1px solid #ccc;
                vertical-align: middle;
                color: #3c97b5;
                cursor: pointer;
                background-image: url($img_url_app+ "jia.png");
                background-size: 50% auto;
                background-repeat: no-repeat;
                background-position: center;
              }
            }
          }
        }
      }
      .dialog {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(0, 0, 0, .5);
        .certificate {
          position: absolute;
          top: 10%;
          bottom: 10%;
          left: 50%;
          width: 62.5%;
          margin-left: -31.25%;
          background-color: #fff;
          padding: 0 2.08%;
          .certificateName {
            width: 94.64%;
            border-bottom: 1px solid #cec5c5;
            height: 93px;
            line-height: 100px;
            font-size: 190%;
          }
          .certificateImg {
            width: 72.76%;
            height: 80%;
            margin-top: 4.28%;
            margin-bottom: 5.35%;
            display: inline-block;
            float: left;
            overflow: auto;
            img {
              width: 100%;
            }
          }
          .certificateList {
            width: 27%;
            display: inline-block;
            padding: 6.51% 2.23% 0;
            float: right;
            overflow: hidden;
            li {
              text-overflow: ellipsis;
              white-space: nowrap;
              overflow: hidden;
              line-height: 30px;
              font-size: 100%;
            }
          }
          .esc {
            position: absolute;
            right: 13px;
            top: 13px;
            font-size: 230%;
            border: 1px solid transparent;
            width: 47px;
            line-height: 47px;
            height: 47px;
            display: inline-block;
            cursor: pointer;
            text-align: center;
            color: #8b8b8b;
            border-radius: 50%;
            &:hover {
              border: 1px solid #666;
            }
            background-image: url($img_url+ "esc.png");
            background-repeat: no-repeat;
            background-size: cover;
          }
        }
      }
    }
    .companyProfile {
      width: 100%;
      padding: 0 5.1%;
      overflow: hidden;
      .title {
        width: 100%;
        text-align: left;
        color: #537dd3;
        margin: 4.3% 0;
        & > div {
          white-space: nowrap;
          text-align: center;
          width: 20%;

        }
        .slogan1 {
          font-size: 200%;
        }
        .slogan2 {
          font-size: 100%;

        }
      }
      .cont_detail {
        width: 100%;
        line-height: 45px;
        margin-bottom: 10%;
        color: #464161;
        img {
          float: right;
          width: 51.75%;
          margin-bottom: 10%;
          margin-left: 5.1%;
        }
      }
    }
    .speech {
      width: 100%;
      padding: 0 5.1%;
      overflow: hidden;
      .title {
        width: 100%;
        text-align: left;
        color: #537dd3;
        margin: 4.3% 0;
        & > div {
          white-space: nowrap;
          text-align: center;
          width: 20%;

        }
        .slogan1 {
          font-size: 200%;
        }
        .slogan2 {
          font-size: 100%;

        }
      }
      .cont_detail {
        width: 100%;
        line-height: 45px;
        margin-bottom: 10%;
        color: #464161;
        img {
          float: right;
          width: 51.75%;
          margin-bottom: 10%;
          margin-left: 5.1%;
        }
      }
    }
    .view_nav {
      width: 7.86%;
      margin-left: 12.1875%;
      float: left;
      ul {
        overflow: hidden;
        li {
          &:nth-child(1) {
            i.shu {
              display: none;
            }
          }
          height: 50px;
          line-height: 80px;
          text-align: center;
          span {
            cursor: pointer;
          }
          font-size: 130%;
          position: relative;
          i.dian {
            display: inline-block;
            border: 3px solid #b4b4b4;
            border-radius: 50%;
            position: absolute;
            right: 1px;
            bottom: 6px;
          }
          i.shu {
            display: inline-block;
            height: 60%;
            float: right;
            border-left: 1px solid #b4b4b4;
            width: 4px;
          }
        }
        li.active {
          span {
            color: #05b3d6;
          }
          i.dian {
            width: 8px;
            height: 8px;
            border: 1px solid #05b3d6;
            border-radius: 50%;
            right: 0;
          }
        }
      }
    }
    .view_box {
      width: 64.32%;
      margin-right: 14.0625%;
      float: right;
      background-color: #fff;
      box-shadow: 0px 0px 5px #ddd;
      text-align: center;
      .news {
        width: 100%;
        height: 100%;
        .newsList_title {
          color: #205ebc;
          margin-left: 3.8%;
          .dian {
            font-size: 330%;
            vertical-align: middle;
          }
          .slogan4 {
            margin: 0 1%;
            vertical-align: middle;
          }
        }
        .newsList {
          width: 100%;
          padding: 0 4.85% 0 6%;
          ul, li {
            list-style: disc;
            width: 100%;
          }
          ul {
            min-height: 300px;
            li {
              text-indent: 3px;
              font-size: 114%;
              color: #5a5959;
              height: 47px;
              line-height: 47px;
              text-align: left;
              border-bottom: 1px dotted #d7d7d7;
              a.left {
                text-decoration: none;
                display: inline-block;
                width: 75%;
                color: inherit;
                cursor: pointer;
              }
              .right {
                float: right;
                color: inherit;
              }

            }
          }
        }
        .pagination {
          margin: 2% auto;
        }
      }
    }
  }
  .solution {
    div.header {
      position: initial;
      display: block;
      background-color: #4a4f77;
      .nav > li {
        a {
          color: #fff;
        }

      }
    }
    .solutionHeader {
      background-color: #97b8d7;
      text-align: center;
      img {
        width: 65.83%;
      }
    }
    .content {
      text-align: center;
      img {
        width: 65.83%;
      }
    }
  }
  .joinUs {
    div.header {
      position: initial;
      display: block;
    }
    .joinUsHeader {
      background-image: url($img_url+ "joinusbg.png");
      background-repeat: no-repeat;
      background-size: cover;
    }
    .content {
      width: 100%;
      padding: 0 18.75%;
      & > .title {
        height: 90px;
        line-height: 144px;
        color: #000;
        text-align: center;
        width: 100%;
        font-size: 290%;
      }
      & > .slogan1 {
        width: 100%;
        text-align: left;
        height: 100px;
        line-height: 100px;
        font-size: 171%;
      }
      ul.jobs {
        width: 100%;
        .left {
          float: left;
          clear: left;

        }
        .right {
          float: right;
          clear: right;
        }
        .left, .right {
          width: 48.33%;
          min-height: 100px;
          margin-bottom: 30px;
          overflow: hidden;
          .jobs_title {
            height: 65px;
            line-height: 65px;
            background-color: #84bcef;
            text-align: center;
            color: #fff;
            font-size: 190%;
          }
          .jobs_info {
            border: 1px solid #ddd;
            border-top: none;
            padding: 0 4.31% 0 7.75%;
            height: 445px;
            position: relative;
            overflow: hidden;
            & > p {
              line-height: 60px;
              font-size: 150%;
            }
            .list {
              li {
                margin-left: 7%;
                line-height: 25px;
                font-size: 100%;
              }
            }
            .application {
              display: inline-block;
              position: absolute;
              bottom: 3.44%;
              left: 50%;
              width: 23.52%;
              margin-left: -11.76%;
              text-align: center;
              padding: 1.27% 0;
              border: 1px solid #357eb3;
              border-radius: 2px;
              cursor: pointer;
              color: #357eb3;
              font-size: 150%;
            }
            .for_details {
              display: inline-block;
              position: absolute;
              right: 4.31%;
              color: #ff0204;
              bottom: 3.44%;
              cursor: pointer;
              text-decoration: none;
            }
          }
        }
      }
    }

    .dialog {
      .dialog_cont {
        .overauto {
          .applicationList {
            li.applicationItem1 {
              background-image: url($img_url_app+ "join1.png");
            }
            li.applicationItem2 {
              background-image: url($img_url_app+ "application3.png");
            }
            li.applicationItem3 {
              background-image: url($img_url_app+ "application4.png");
            }
            li.applicationItem4 {
              background-image: url($img_url_app+ "join2.png");
            }
          }

        }

      }

    }
  }
  .staticPage {
    div.header {
      position: initial;
      display: block;
    }
    .staticPage1PageHeader {
      img {
        width: 100%;
      }
    }
    .content {
      width: 100%;
      text-align: center;
      img {
        width: 66.25%;
      }
    }
  }

  .side {
    position: fixed;
    top: 50%;
    right: 0;
    margin-top: -101px;
    background-color: rgba(201, 209, 227, 0.5);
    width: 66.5px;
    text-align: center;
    border-radius: 5px 0 0 5px;
    z-index: 1;
    .left, .right {
      height: 42px;
      line-height: 42px;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 60% auto;
    }
    .left {
      background-image: url(../images/img10.png);
    }
    .right {
      background-image: url(../images/img11.png);

    }
    .item {
      height: 59px;
      line-height: 59px;
      &:hover .side_qr {
        display: inline-block;
      }
    }
    .concat1, .concat2 {
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      display: inline-block;
      background-size: 115% auto;
    }
    .item1 {
      .concat1 {
        background-position: center 3%;
        background-image: url(../images/contact.png);

      }
      &:hover .concat1 {
        background-position: center 42%;
      }

    }
    .item2 {
      .concat2 {
        background-position: center 80%;
        background-image: url(../images/contact.png);

      }
      &:hover .concat2 {
        background-position: center 117%;
      }
    }
    .side_qr.code {
      display: none;
      width: 120px;
      height: 118px;
      line-height: 118px;
      text-align: center;
      position: absolute;
      top: 50%;
      margin-top: -59px;
      right: 100%;
      border-radius: 7px 0 0 7px;
      background-color: rgba(201, 209, 227, 0.5);
      background-image: url(../images/ewm.png);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 90% 90%;

    }
    .side_qr.call {
      display: none;
      position: absolute;
      top: 50%;
      font-size: 158%;
      line-height: 100px;
      margin-top: -50px;
      right: 100%;
      padding: 2px;
      color: #32afff;
      white-space: nowrap;
      border-radius: 7px 0 0 7px;
    }
  }
  .copyright {
    bottom: 0;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    clear: both;
  }
  .pagination {
    display: inline-block;
    ul {
      display: inline-block;
      li {
        float: left;
        font-size: 100%;
        padding: 12px 18px;
        border: 1px solid #e0e0e0;
        color: #566b80;
        border-radius: 2px;
        margin: 0 5px;
        cursor: pointer;
      }
      li.active {
        background-color: #13abec;
        color: #fff;
        cursor: not-allowed;
      }
      li.disabled {
        cursor: not-allowed;
        background-color: #ddd;
      }
    }
  }
  .warning {
    display: none;
    position: fixed;
    z-index: 99999;
    width: 20%;
    padding: 1%;
    top: 0;
    left: 50%;
    margin-left: -10%;
    border-radius: 0 0 5px 5px;
    background-color: #f00;
    color: #fff;
    font-size: 141%;
    text-align: center;
  }
  .loading {
    display: none;
    position: fixed;
    z-index: 99999999999999999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .5) url($img_url+ "loading.gif") no-repeat center center;
  }
}

.bx-prev {
  width: 12px;
  height: 26px;
  background: #f00;
  text-indent: -999999px;
  z-index: 999;
  position: absolute;
  float: left;
  left: 455px;
  top: 110px;
}

.bx-next {
  width: 12px;
  height: 26px;
  background: #f00;
  text-indent: -999999px;
  z-index: 999;
  position: absolute;
  top: 110px;
  left: -15px;
}

i.invertedTriangle {
  display: inline-block;
  //transition: all 500ms linear 0s;
  //-webkit-transition: all 500ms linear 0s;
  visibility: hidden;
  width: 0px;
  height: 0px;
  border: 10px solid #fe9937;
  border-color: #fe9937 transparent transparent transparent;
}

i.add {
  display: inline-block;
  width: 32px;
  height: 30px;
  background-color: #fff;
  background-image: url($img_url_app+ "jia.png");
  background-size: 50% auto;
  background-position: center;
  background-repeat: no-repeat;
  color: #99bcdb;
  line-height: 30px;
  font-size: 20px;
  text-align: center;
  font-family: Arial, -webkit-pictograph;
  border-radius: 50%;
}

.imgLoading {
  background-image: url($img_url+ "loading.gif");
  background-repeat: no-repeat;
  background-size: auto 20%;
  background-position: center;
}

